Next 13 Module build failed UnhandledSchemeError

[alikleit]

Environment

self-hosted (https://develop.sentry.dev/self-hosted/)

Steps to Reproduce

1. npx create-next-app@latest

√ What is your project named? 
√ Would you like to use TypeScript with this project? Yes
√ Would you like to use ESLint with this project?  Yes
√ Would you like to use Tailwind CSS with this project?  No
√ Would you like to use `src/` directory with this project?  Yes
√ Use App Router (recommended)?  Yes
√ Would you like to customize the default import alias? Yes
√ What import alias would you like configured? ... @/*

2. npx @sentry/wizard@latest -i nextjs
3. pnpm build

Expected Result

Build should be successfull

Actual Result

Failed to compile.

C:Users<name><path-to-project>sentry.server.config.ts
Module build failed: UnhandledSchemeError: Reading from "C:Users<name><path-to-project>sentry.server.config.ts" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "c:" URIs.

dependencies

    "@sentry/nextjs": "^7.52.1",
    "@types/node": "20.1.5",
    "@types/react": "18.2.6",
    "@types/react-dom": "18.2.4",
    "eslint": "8.40.0",
    "eslint-config-next": "13.4.2",
    "next": "13.4.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "5.0.4"

Product Area

Issues

Link

No response

DSN

No response

Version

No response

[getsantry]

Assigning to @getsentry/support for routing, due by Tuesday, May 16th at 5:00 pm (sfo). ⏲️

[AbhiPrasad]

Hey @alikleit, thanks for writing in! Are you running this on windows?

If you run git status after you've run npx @sentry/wizard@latest -i nextjs, what gets emitted?

Also, after you've run npx @sentry/wizard@latest -i nextjs, could you share the logs that get generated? Something that looks like so:

◇  Installed @sentry/nextjs with npm.
│
◆  Created fresh sentry.server.config.ts.
│
◆  Created fresh sentry.client.config.ts.
│
◆  Created fresh sentry.edge.config.ts.
│
◆  Added Sentry configuration to next.config.js. (you probably want to clean this up a bit!)
│
◆  Created pages/sentry-example-page.js.
│
◆  Created pages/api/sentry-example-api.js.
│
◆  Created .sentryclirc with auth token.
│
◆  Added .sentryclirc to .gitignore.

[AbhiPrasad]

Ah what also might be a thing is that we need to detect if an src directory is being used and put our example project in there instead of using top level pages.

[alikleit]

Hey @AbhiPrasad!

I'm running on windows, there's no git on the test project which I composed to make sure it's not a third party package on the actual project that is causing that issue.

Same error with manual setup..

However, this is the log from the wizard:

o  Login complete.
|
o  Select your Sentry project.
|
o  Installed @sentry/nextjs with npm.
|
*  Created fresh sentry.server.config.ts.
|
*  Created fresh sentry.client.config.ts.
|
*  Created fresh sentry.edge.config.ts.
|
*  Added Sentry configuration to next.config.js. (you probably want to clean this up a bit!)
|
*  Created pages\sentry-example-page.js.
|
*  Created pages\api\sentry-example-api.js.
|
*  Created .sentryclirc with auth token.
|
*  Added .sentryclirc to .gitignore.

[joaomlap]

Just want to say I have the exactly the same error which I had raised in StackOverflow:
https://stackoverflow.com/questions/76237075/sentry-next-js-13-4-webpack-supports-data-and-file-uris-by-default-you