Unable to load source maps from webpack in Firefox

[pierlo]

By default, Webpack uses output.library as the namespace for module source maps, which generates the URL webpack://wp.[name]/<path of module>. This loads fine in Chrome, but in Firefox it throws an error similar to:

Source map error: TypeError: Invalid URL: webpack://wp.[name]/webpack/bootstrap
Resource URL: ​http://localhost:8888/wp-content/plugins/gutenberg/build/components/index.js?ver=1565639281
Source Map URL: index.js.map

The solution to this is to specify a ​devtoolNamespace.

So for example, setting devtoolNamespaceto wp would result in the URL webpack://wp/<path of module> (which the attached patch does).

[andraganescu]

I have tested this patch and Firefox still report the same error. Am I doing something wrong @pierlo ?

[pierlo]

Replying to andraganescu:

I have tested this patch and Firefox still report the same error. Am I doing something wrong @pierlo ?

It still works on the latest version of trunk. Maybe you have cache issues?

[adamsilverstein]

In 46158:

Build/Test Tools: fix source map loading in Firefox.

Fix an issue that prevented source maps from loading correctly in Firefox developer tools. Matches a fix introduced in Gutenberg build in PR:17024.

Props pierlo, andraganescu.
Fixes #47870.