解决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: status code 404, net::ERR_UNKNOWN_URL_SCHEME项目开发完之后，在用Chrome浏览器调试的时候发现控制台有两条警告，如图所示：分析这里抛出DevTools failed to loa

文章共553字 · 阅读需要大约2分钟

一键AI生成摘要，助你高效阅读

问答

LYFlied

56909人浏览 · 2021-03-09 15:03:55

LYFlied · 2021-03-09 15:03:55 发布

问题

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】选项.

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