Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Source map warning on Next 15.0.3 with turbopack, Windows, Firefox #73384

Open
altbdoor opened this issue Nov 30, 2024 · 4 comments
Open

Source map warning on Next 15.0.3 with turbopack, Windows, Firefox #73384

altbdoor opened this issue Nov 30, 2024 · 4 comments
Labels
bug Issue was opened via the bug report template. linear: turbopack Confirmed issue that is tracked by the Turbopack team. Turbopack Related to Turbopack with Next.js.

Comments

@altbdoor
Copy link

altbdoor commented Nov 30, 2024 •
edited
Loading

Link to the code that reproduces this issue

https://github.com/altbdoor/nextjs-sourcemap-warning-firefox-reproduction

To Reproduce

  1. Create a base reproduction template with npx create-next-app -e reproduction-template
  2. Name the project as test-ground
  3. cd test-ground
  4. npm run dev -- --turbo
  5. Open http://localhost:3000 in Windows Firefox 133.0 (64-bit)
  6. Get warning on source map error

Current vs. Expected behavior

Source map error: Error: Invalid URL: file://C%3A/Users/carbon/projects/test-ground/node_modules/next/src/client/app-bootstrap.ts
Stack in the worker:URLImpl@resource://devtools/client/shared/vendor/whatwg-url.js:22:13
setup@resource://devtools/client/shared/vendor/whatwg-url.js:537:14
URL@resource://devtools/client/shared/vendor/whatwg-url.js:246:18
createSafeHandler/<@resource://devtools/client/shared/vendor/source-map/lib/util.js:181:17
computeSourceURL@resource://devtools/client/shared/vendor/source-map/lib/util.js:437:22
BasicSourceMapConsumer/</that._absoluteSources<@resource://devtools/client/shared/vendor/source-map/lib/source-map-consumer.js:213:23
BasicSourceMapConsumer/<@resource://devtools/client/shared/vendor/source-map/lib/source-map-consumer.js:212:33

Resource URL: http://localhost:3000/_next/static/chunks/node_modules_next_dist_client_239c40._.js
Source Map URL: node_modules_next_dist_client_239c40._.js.map
Show warning image

image

Should not have the warning, I suppose?

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 16206
  Available CPU cores: 12
Binaries:
  Node: 22.11.0
  npm: 10.9.0
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 15.0.4-canary.32 // Latest available version is detected (15.0.4-canary.32).
  eslint-config-next: N/A
  react: 19.0.0-rc-b01722d5-20241114
  react-dom: 19.0.0-rc-b01722d5-20241114
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

This warning did not appear for:

  • Windows Edge 131.0.2903.70 (Official build) (64-bit), all npm run commands
  • Windows Firefox 133.0 (64-bit), npm run dev without turbopack
  • Windows Firefox 133.0 (64-bit), npm run start after build

Edit: tried it on Windows Firefox private mode with all extensions disabled, and I still see the warning.
@altbdoor altbdoor added the bug Issue was opened via the bug report template. label Nov 30, 2024
@github-actions github-actions bot added the Turbopack Related to Turbopack with Next.js. label Nov 30, 2024
@mk48
Copy link

mk48 commented Dec 5, 2024

I am also having the same issue
image

@thany
Copy link

thany commented Dec 12, 2024 •
edited
Loading

I have this problem in 15.0.3 as well as on 15.1.0.

If I remove the --turbopack switch from next dev, it fails with a hydration error, complaining that there's a mismatch of the classname on the <html> element. Great, there is no classname on there, so I wonder what is it mismatching? Maybe this is something only I have, but how weird is it that having turbopack or not, makes this difference?

Edit: nope, that's just MUI throwing wrenches in the work again.
Edit 2: no it bloody isn't. It just happens randomly!

Still, without --turbopack it's throwing warnings that are not useful enough for me to really track down:

Source map error: request failed with status 404
Resource URL: http://localhost:2000/%3Canonymous%20code%3E
Source Map URL: installHook.js.map

And

Source map error: map is undefined
Resource URL: http://localhost:2000/%3Canonymous%20code%3E
Source Map URL: react_devtools_backend_compact.js.map

So we have a choice.

  1. Random hydration errors that don't make sense*
  2. Random warnings that don't make sense*

*) To me anyway

@pburrows
Copy link

Note that this only seems to happen in Firefox. The source maps load fine in Chrome and do not throw an error. When using Firefox, however (my default dev browser), it is over 100 requests per page load, all throwing 404 errors in the console, plus a warning for each of those errors, resulting in hundreds of lines of useless text in the console window that we have to wade through.

@github-actions github-actions bot added the linear: turbopack Confirmed issue that is tracked by the Turbopack team. label Dec 30, 2024
@altbdoor

This comment has been minimized.

Sign in to view
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Issue was opened via the bug report template. linear: turbopack Confirmed issue that is tracked by the Turbopack team. Turbopack Related to Turbopack with Next.js.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@thany @pburrows @mk48 @altbdoor