How to prevent Firefox DevTools from showing "Source Map not found" errors?

Question

I am using a couple of 3rd party minified Javascript files that have no .map file. When I am debugging in Firefox DevTools, it consistently shows these errors:

Source map error: request failed with status 404
Resource URL: https://foo.domain.com/widgets/widgets.min.js
Source Map URL: widgets.min.js.map

This is really distracting since there are a number of these files and they really pollute the console.

Is there anyway to turn these warnings off?

Answer 1

You can disable source maps globally by going into the Toolbox Options of the Developper Tools and unchecking Enable Source Maps.

You can also provide an empty source map for some specific JavaScript files. Use a local copy of the files (at least during development) and modify the source maps directive:

//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map

by pointing to an empty source map file. You can also just remove the source map directive from the file.