问题

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.com/questions/61339968/devtools-failed-to-load-sourcemap-could-not-load-content-for-chrome-extension

解决DevTools failed to load SourceMap Could not load content for .js.map HTTP error code 404 问题相关推荐

DevTools failed to load SourceMap: Could not load content for... 如何关闭这个控制台警告？
我遇到的警告是这样的: DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggk ...
DevTools failed to load SourceMap Could not load content 控制台显示的这个警告是什么意思
DevTools failed to load SourceMap: Could not load content 这里的意思是dev工具未能成功加载出源映射:无法加载内容重点在for后面的部分, ...
DevTools failed to parse SourceMap 警告解决方法
最近在用webpack-dev-server进行开发的过程中,控制台一直报一个警告:DevTools failed to parse SourceMap: webpack:///node_module ...
解决DevTools failed to load source map: Could not load content for xxx
注意for后面的内容: 如果是http://localhost:3000/bootstrap.css.map: HTTP error: status code 404, net::ERR_HTTP_R ...
mac版mysql 1290_Mac 终端下mysql load data infile 文件路径 into table 表名称操作,[Error Code] 1290 - The MyS...
1.mysql下查看secure_file_prive的值 mysql>SHOW VARIABLES LIKE "secure_file_priv"; secure_file ...
npm install报错解决fatal: Unable to look up github.com (port 9418) npm ERR! exited with error code: 128
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/qq_34841536/article/ ...
DevTools failed to load SourceMap各种警告
当有时间好好看看项目时,那一加载就满屏的小黄人(各种警告),真膈应,然后就是一整个的怀疑自己写了个啥.进入正题之解决警告四大方法如下: HBuilder设置删除以下配置:(位置:manifest.j ...
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案在调 ...
npm报错error code EPERM， error syscall unlink，errno -4048解决
安装报错信息 24741 error code EPERM 24742 error syscall unlink 24743 error path E:\workspaces\multiplatfor ...

解决DevTools failed to load SourceMap Could not load content for .js.map HTTP error code 404 问题

问题

分析

解决

解决DevTools failed to load SourceMap Could not load content for .js.map HTTP error code 404 问题相关推荐

最新文章

热门文章