Roots Discourse

CSS sourcemaps working in Chrome but not in Firefox?

Hi all,

Using a fresh install of Bedrock and Sage, 1.12.6 and 9.0.9, I’ve just noticed that in Firefox my sourcemaps do not reference the .scss files correctly. They’re showing the cache files whereas in Chrome everything seems fine?

Is there any known issue or workaround for this, would much rather use Firefox than Chrome for debugging/dev if possible.


1 Like

Just a drive-by suggestion, but possibly related to this?

@mmirus hmm… no idea if that’s the issue to be honest, I can’t see any mention of style-loader in my webpack.config.js file. Is no one else having this issue with Firefox??

Just to add to this, I’ve just noticed that in the Firefox console, I’m getting this error:

Source map error: TypeError: Invalid URL: .
Resource URL: blob:http://localhost:3000/05eaba14-bb98-644b-94a4-df3cc1ed958a
Source Map URL: data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9rZXZpbi5wcmljZS13YXJkL1NpdGVzL2NoYXB0ZXIyMDE5L3B1YmxpY19odG1sL2FwcC90aGVtZXMvY2hhcHRlci9yZXNvdXJjZXMvYXNzZXRzL3N0eWxlcy9yZXNvdXJjZXMvYXNzZXRzL3N0eWxlcy9jb21tb24vX3ZhcmlhYmxlcy5zY3NzIiwiL1VzZXJzL2tldmluLnByaWNlLXdhcmQvU2l0ZXMvY2hhcHRlcjIwMTkvcHVibGljX2h0bWwvYXBwL3RoZW1lcy9jaGFwdGVyL3Jlc291cmNlcy9hc3NldHMvc3R5bGVzL3Jlc291cmNlcy9hc3NldHMvc3R5bGVzL21haW4uc2NzcyIsIi9Vc2Vycy9rZXZpbi5wcmljZS13YXJkL1NpdGVzL2NoYXB0ZXIyMDE5L3B1YmxpY19odG1sL2FwcC90aGVtZXMvY2hhcHRlci9yZXNvdXJjZXMvYXNzZXRzL3N0eWxlcy9ub2RlX21vZHVsZXMvYm9vdHN0cmFwL3Njc3MvYm9vdHN0cmFwLnNjc3MiLCIvVXNlcnMva2V2aW4ucHJpY2Utd2FyZC9TaXRlcy9jaGFwdGVyMjAxOS9wdWJsaWNfaHRtbC9hcHAvdGhlbWVzL2NoYXB0ZXIvcmVzb3VyY2VzL2Fzc2V0cy9zdHlsZXMvbWFpbi5zY3NzIiwiL1VzZXJzL2tldmluLnByaWNlLXdhcmQvU2l0ZXMvY2hhcHRlcjIwMTkvcHVibGljX2h0bWwvYXBwL3RoZW1lcy9jaGFwd…

I’ve seen some other folks report issues with sourcemaps and FF over time - if you search Discourse / Google you will probably get some hits.

I’m not a webpack expert, unfortunately. I know we include style-loader in Sage (check package.json); it may be being used as the fallback for ExtractTextPlugin.