问题
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】选项.
最后刷新页面再看看控制台:没有显示警告信息了。
参考: