You must provide the URL of lib/mappings.wasm by calling `SourceMapConsumer.initialize` #35607

benackles · 2022-05-08T19:43:05Z

Preliminary Checks

Please make sure that you verify each checkbox and follow the instructions for them.

This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issue *
This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions *

Description

I have a new laptop and I am setting up my environment following the Gatsby tutorial.. I am running into issues when I get to the step to "Run your site locally" specifically with the gatsby develop command. I get a webpack error on two files.

I have not made it to the step to make my first commit to my GitHub repo, so the repo linked is the new repo without my initial commit (not a Gatsby site).

Reproduction Link

https://github.com/benackles/whatsgatsby

Steps to Reproduce

Run gatsby develop
Get two ERROR #98123 WEBPACK errors

Expected Result

Successfully fire up locally

Copycopy code to clipboard
You can now view whatsgatsby in the browser.
⠀
  http://localhost:8000/
⠀
View GraphiQL, an in-browser IDE, to explore your site's data and
schema
⠀
  http://localhost:8000/___graphql

Actual Result

ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({
'lib/mappings.wasm': ... }) before using SourceMapConsumer

File: .cache/app.js


ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({
'lib/mappings.wasm': ... }) before using SourceMapConsumer

File: .cache/polyfill-entry.js

failed Building development bundle - 3.925s
ERROR in ./.cache/app.js
Module build failed (from 
./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js):
Error: You must provide the URL of lib/mappings.wasm by calling 
SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer
   at readWasm
(/Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/read-wasm.js:8:13)
   at wasm (/Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/wasm.js:25:16)
   at /Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/source-map-consumer.
js:264:14
   at Object._loader (/Users/benjamins/Sites/whatsgatsby/node_modules/@pmmmwh/react-refre
sh-webpack-plugin/loader/index.js:81:9)

ERROR in ./.cache/polyfill-entry.js
Module build failed (from 
./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js):
Error: You must provide the URL of lib/mappings.wasm by calling 
SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer
   at readWasm
(/Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/read-wasm.js:8:13)
   at wasm (/Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/wasm.js:25:16)
   at /Users/benjamins/Sites/whatsgatsby/node_modules/source-map/lib/source-map-consumer.
js:264:14
   at Object._loader (/Users/benjamins/Sites/whatsgatsby/node_modules/@pmmmwh/react-refre
sh-webpack-plugin/loader/index.js:81:9)

develop compiled with 2 errors

Environment

System:
    OS: macOS 12.2.1
    CPU: (8) arm64 Apple M1
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 18.0.0 - /opt/homebrew/bin/node
    npm: 8.9.0 - /opt/homebrew/bin/npm
  Languages:
    Python: 2.7.18 - /usr/bin/python
  Browsers:
    Chrome: 101.0.4951.54
    Safari: 15.3
  npmPackages:
    gatsby: ^4.13.1 => 4.13.1
    gatsby-plugin-gatsby-cloud: ^4.13.0 => 4.13.0
    gatsby-plugin-image: ^2.13.0 => 2.13.0
    gatsby-plugin-manifest: ^4.13.0 => 4.13.0
    gatsby-plugin-offline: ^5.13.0 => 5.13.0
    gatsby-plugin-react-helmet: ^5.13.0 => 5.13.0
    gatsby-plugin-sharp: ^4.13.0 => 4.13.0
    gatsby-source-filesystem: ^4.13.0 => 4.13.0
    gatsby-transformer-sharp: ^4.13.0 => 4.13.0
  npmGlobalPackages:
    gatsby-cli: 4.13.0

Config Flags

No response

The text was updated successfully, but these errors were encountered:

gvorbeck · 2022-05-08T22:14:13Z

Been having a very similar error happen any time I make a syntax error like forgetting quotes around a string or missing a required prop on a component. Completely crashes my development server so I'm having to restart it frequently and troubleshooting becomes very difficult and time consuming. I don't understand it and google has not helped.

You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer

LekoArts · 2022-05-09T07:31:34Z

Can you try using Node.js v16? I'm pretty sure it's this issue: mozilla/source-map#454

We'll need to see what we do with this upstream dependency

benackles · 2022-05-10T05:19:17Z

@LekoArts That did resolve it. New Macs ship with Node.js v18

yihuajack · 2022-05-10T06:24:17Z

Moving back to node.js 16 may not be a final solution, see #13713 and nodejs/node#42638. This issue could keep open

LekoArts · 2022-05-10T10:36:08Z

We'll try to migrate away so that it works also on Node 18

bre7 · 2022-05-10T19:07:07Z

Same as parcel-bundler/parcel#8005 ?

Try forcing resolution "source-map": "^0.8.0-beta.0"

TheOtterlord · 2022-05-11T15:46:53Z

Try forcing resolution "source-map": "^0.8.0-beta.0"

This works for the time being on the latest version of Node.js
Thanks

antoinetielbeke · 2022-05-18T07:01:21Z

I use node.js v18.0.0, set my package.json to:

  "resolutions": {
    "source-map": "^0.8.0-beta.0"
  },

deleted the node_modules folder and package-lock.json, ran npm install again but I still end up with this error.

Does anyone have any other suggestions?

TheOtterlord · 2022-05-18T07:16:19Z

maybe placing it as a dependency?

antoinetielbeke · 2022-05-18T08:03:20Z

@TheOtterlord That worked! Thank you.

I added it as a depedency in my package.json file:

  "resolutions": {
    "source-map": "^0.8.0-beta.0"
  },
  "dependencies": {
    "source-map": "^0.8.0-beta.0",
    ...

gvorbeck · 2022-05-22T21:33:18Z

if I'm using yarn workspaces to build a theme as described in this Gatsby guide and I'm running into this error, which package.json file should I put this source-map in? The root, the site or the theme?

TheOtterlord · 2022-05-23T12:57:57Z

Probably root because it should effect all workspaces. I'm not too familiar with dependency resolution for workspaces though, so they might work differently.

gatsbyjs/gatsby#35607

LekoArts · 2022-06-02T06:35:20Z

Please try using gatsby@next (e.g. via npm install gatsby@next)

Due to gatsbyjs/gatsby#35607, `gatsby develop` is broken on newer versions of NodeJS due to broken `source-map`. A workaround to force using a high enough version fixes this and has been added to the `devDependencies`.

gatsbyjs/gatsby#35607 (comment)), but no dice.

* master: [sc-9148] [project] Reverted the changed in the top-level package.json; the fix was needed only in the Example's package.json. [sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (gatsbyjs/gatsby#35607 (comment)), but no dice.

…sc-11674/update-to-ios-3-5-3 * sc-9148-idiomatic-plugin-dot-swift: [sc-9148] [project] Reverted the changed in the top-level package.json; the fix was needed only in the Example's package.json. [sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (gatsbyjs/gatsby#35607 (comment)), but no dice. [sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (gatsbyjs/gatsby#35607 (comment)), but no dice. [sc-9148] [project] Re-synced modules. [sc-9148] [project] Reverted the run script to be iOS-only. [sc-9148] [project] Docs. [sc-9148] [project] The run_example script now runs `gradlew assemble` for Android builds. [sc-9148] [refactor] Used a little more idiomatic Swift, meaning more guard statements, switches, and inferred types.

…nerate-plugin.m * sc-9148-idiomatic-plugin-dot-swift: (46 commits) [sc-9148] [project] Reverted the changed in the top-level package.json; the fix was needed only in the Example's package.json. [sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (gatsbyjs/gatsby#35607 (comment)), but no dice. [sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (gatsbyjs/gatsby#35607 (comment)), but no dice. [sc-9148] [project] Re-synced modules. bump package version to 3.4.2 bump iOS version bump versions update package-lock.json var name fix function name fix options class bump versions expose setForegroundServiceOptions add --commit-hooks false and --git-tag-version false to the npm version command move npm version bump up earlier Update circleci to convenience images. swap out strings with single quotes for consistency Github actions conditionals fail with double quotes add template files and workflow to automate native SDK version bumps fix permission prompts ...

OliverHuntsman · 2022-12-18T19:33:04Z

This fixed everything:

Stop server (ctrl+C)
Run gatsby clean
Delete node_modules folder
Delete package-lock.json file
Install Yarn if it isn't installed already (npm install -g yarn)
Run yarn install (yarn install)
Restart your server and test (gatsby develop)
Credit goes to Ferran.

AKlaus · 2023-02-05T08:29:30Z

Same as parcel-bundler/parcel#8005 ?

Try forcing resolution "source-map": "^0.8.0-beta.0"

That worked! 👍
Open package-lock.json and find "source-map" under "node_modules/gatsby" --> "dependencies" and update the version.

while the previous commit reminds devs to `nvm use` the officially-supported version of node.js this dependency workaround helps resolve an unneccessary gatsby crash on newer versions in the future see gatsbyjs/gatsby#35607 (comment) for background

benackles added the type: bug An issue or pull request relating to a bug in Gatsby label May 8, 2022

gatsbot bot added the status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer label May 8, 2022

LekoArts added type: upstream Issues outside of Gatsby's control, caused by dependencies and removed status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer labels May 9, 2022

LekoArts added the status: needs more info Needs triaging and reproducible examples or more information to be resolved label May 9, 2022

benackles closed this as completed May 10, 2022

LekoArts mentioned this issue May 10, 2022

chore(gatsby): Migrate from source-map to @jridgewell/trace-mapping #35621

Merged

3 tasks

LekoArts reopened this May 10, 2022

LekoArts added status: confirmed Issue with steps to reproduce the bug that’s been verified by at least one reviewer. and removed status: needs more info Needs triaging and reproducible examples or more information to be resolved labels May 10, 2022

LekoArts changed the title ~~Gatsby Develop > ERROR #98123 WEBPACK~~ You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize May 10, 2022

krreet mentioned this issue May 23, 2022

Error when Analyzing bundle (source-map-explorer). facebook/create-react-app#12431

Open

timurc added a commit to voellig-ohne/chez-company that referenced this issue May 25, 2022

newer node version, try some beta source map stuff to make it work

1f4801c

gatsbyjs/gatsby#35607

maxlapides added a commit to maxlapides/chicago-bread-and-roses that referenced this issue May 27, 2022

fix: running on node 18

a64e958

gatsbyjs/gatsby#35607

LekoArts closed this as completed in #35621 Jun 1, 2022

jrtibbetts added a commit to radarlabs/capacitor-radar that referenced this issue Aug 31, 2022

[sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (

eed3b15

gatsbyjs/gatsby#35607 (comment)), but no dice.

jrtibbetts added a commit to radarlabs/capacitor-radar that referenced this issue Aug 31, 2022

[sc-9148] [project] Tried a workaround for the lib/mappings.wasm error (

74686aa

gatsbyjs/gatsby#35607 (comment)), but no dice.

lonsagisawa added a commit to lonsagisawa/lon.sagisawa.me_2020 that referenced this issue Oct 30, 2022

avoid node v18 for now( gatsbyjs/gatsby#35607 )

87eec50

lonsagisawa mentioned this issue Nov 3, 2022

Build completely new blog when Gatsby v5 released lonsagisawa/lon.sagisawa.me_2020#6

Closed

agriffard mentioned this issue Nov 16, 2022

Trumbowyg 2.26.0 OrchardCMS/OrchardCore#12821

Merged

jennifermarsman mentioned this issue Nov 18, 2022

Updating source-map npm reference to over 0.7.4 to fix bug microsoft/MinecraftCodex#42

Merged

beurkinger mentioned this issue Dec 8, 2022

How to stop noisy warning on svelte-check huggingface/hub-docs#516

Closed

claviska mentioned this issue Jan 9, 2023

Tests are currently failing on Windows shoelace-style/shoelace#1066

Closed

jsimonrichard added a commit to jsimonrichard/jsimonrichard that referenced this issue Jul 29, 2023

Applies fix from gatsbyjs/gatsby#35607

9ca67b1

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

You must provide the URL of lib/mappings.wasm by calling `SourceMapConsumer.initialize` #35607

You must provide the URL of lib/mappings.wasm by calling `SourceMapConsumer.initialize` #35607

benackles commented May 8, 2022 •

edited

gvorbeck commented May 8, 2022

LekoArts commented May 9, 2022

benackles commented May 10, 2022

yihuajack commented May 10, 2022 •

edited

LekoArts commented May 10, 2022

bre7 commented May 10, 2022 •

edited

TheOtterlord commented May 11, 2022

antoinetielbeke commented May 18, 2022 •

edited

TheOtterlord commented May 18, 2022

antoinetielbeke commented May 18, 2022

gvorbeck commented May 22, 2022

TheOtterlord commented May 23, 2022

LekoArts commented Jun 2, 2022

OliverHuntsman commented Dec 18, 2022

AKlaus commented Feb 5, 2023

You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize #35607

You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize #35607

Comments

benackles commented May 8, 2022 • edited

Preliminary Checks

Description

Reproduction Link

Steps to Reproduce

Expected Result

Actual Result

Environment

Config Flags

gvorbeck commented May 8, 2022

LekoArts commented May 9, 2022

benackles commented May 10, 2022

yihuajack commented May 10, 2022 • edited

LekoArts commented May 10, 2022

bre7 commented May 10, 2022 • edited

TheOtterlord commented May 11, 2022

antoinetielbeke commented May 18, 2022 • edited

TheOtterlord commented May 18, 2022

antoinetielbeke commented May 18, 2022

gvorbeck commented May 22, 2022

TheOtterlord commented May 23, 2022

LekoArts commented Jun 2, 2022

OliverHuntsman commented Dec 18, 2022

AKlaus commented Feb 5, 2023

You must provide the URL of lib/mappings.wasm by calling `SourceMapConsumer.initialize` #35607

You must provide the URL of lib/mappings.wasm by calling `SourceMapConsumer.initialize` #35607

benackles commented May 8, 2022 •

edited

yihuajack commented May 10, 2022 •

edited

bre7 commented May 10, 2022 •

edited

antoinetielbeke commented May 18, 2022 •

edited