问题

DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

项目开发完之后，在用Chrome浏览器调试的时候发现控制台有两条警告，如图所示：

分析

这里抛出DevTools failed to load SourceMap警告的原因是：

• 项目引用的第三方的JavaScript工具是压缩后的版本，
• 存在SourceMap的指向信息，
• 浏览器启用了JavaScript源映射，
• 但是我的项目中没有相应的SourceMap文件，所以抛出此异常。

SourceMa是从已转换的代码映射到原始源的文件，使浏览器能够重构原始源并在调试器中显示重建的原始源，调试原始源代码会比浏览器下载的转换后的代码更加容易。
其实这里没有SourceMap文件是不会影响项目的正常运行和使用的。

解决

如果不想看到类似的警告信息，可以在Chrome的控制台的设置中去设置一下，不启用JavaScript源映射即可：

第一步：在控制台右上角点击【设置】

第二步：在设置面板中Preferences -> Sources -> Enable JavaScript source maps
勾选掉 【Enable JavaScript source maps】选项.


最后刷新页面再看看控制台：没有显示警告信息了。

参考：
https://stackoverflow/questions/61339968/devtools-failed-to-load-sourcemap-could-not-load-content-for-chrome-extension