Javascript P错误：状态代码404，网络：：错误\u未知\u URL\u方案

DevTools未能加载SourceMap:无法加载chrome的内容-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP错误：状态代码404，net:：ERR\u未知\u URL\u方案

DevTools未能加载SourceMap:无法加载chrome的内容-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP错误：状态代码404，net:：ERR\u未知\u URL\u方案

如果您正在开发，则需要选中“启用javascript源代码映射”和“启用CSS源代码映射”才能在Chrome开发者工具中查看您的源代码。取消选中这些选项将剥夺您调试源代码的能力。这就像是关掉火警而不是扑灭火灾您不想这样做。

相反，您希望找到导致这些消息的扩展并将其关闭。以下是如何做到这一点：

转到Chrome右上角的三个点

转到“更多工具”并单击“扩展”

每次对一个扩展执行此操作，直到控制台中不再出现“SourceMap”错误：

将开关向左滑动，关闭延长件

重新加载使用开发工具的页面

检查是否有任何“SourceMap”错误消息消失。

如果有，那么该扩展导致了这些消息

否则，可以重新打开该扩展

确定哪些扩展导致问题后：

如果需要，请联系制造商，让他们解决问题

否则，请拆下延长件

---

在Edge浏览器的控制台中发现大量源地图错误后，我偶然发现了这个问题。（我想我很久以前就在Chrome浏览器中禁用了警告）

对我来说，这意味着首先认识到什么是源地图；请参阅Macro Mazzon的答案以了解这一点。因为这是一个好主意，所以这只是一个找到如何打开它们的案例

只需在webpack.config.js中添加这一行即可-

module.exports = {
    devtool: "source-map",
}

现在Edge可以检测到源地图，错误消失了

---

如果这个回答侮辱了任何人的智慧，我深表歉意，但可能是一些阅读者，这将和我一样对源地图一无所知。

我也遇到过同样的问题。您的答案消除了警告，但您知道正确的解决方案，而不仅仅是禁用它吗？我的意思是为什么会触发警告？我不熟悉这些源代码映射的东西。各位，请注意，这个答案禁用了开发工具中的源代码映射。确保这是你想要的。这很有效，但有副作用。它更改控制台日志来自的文件名和行。如果在js文件中放入日志，则表示编译的es5文件（main.chunk.js:line编号），而不是实际的文件（f.i index.js:line），因为它停止了警告，但没有从中禁用sourcemapwebpack@MMachinegun，我的应用程序生态系统中有许多webpack配置实例。你怎么知道该换哪个？如果单击url中与扩展相关的链接，我会在

injectGlobalHook.js.map

、

react\u devtools\u backend.js.map

和

contentScript.js.map

中看到此错误。可能是AdBlock。@juancarlopuerto我在Drupal网站上有10条这样的警告。禁用AdBlock和勇敢盾牌，现在我只有2个。谢谢可能相关：（认为这是一个稍有不同的错误：“HTTP错误：状态代码404，net:：ERR_HTTP_RESPONSE_code_FAILURE”）在我的情况下，请帮助我停用用于Chrome的绝缘线束。我测试停用其他扩展，但唯一有问题的是Loom。这个解决方案对我也适用。但是这行代码在js.cookie.min.jsYeah中，我刚刚用同样的方法解决了我的问题（使用React Developer Tools扩展）。我必须找到被投诉的三个React DevTools文件，删除其中的sourcemapping注释，然后重新启动Chrome。然后一切都好了。黑客万岁！这是正确的解决方案，而不是通过禁用地图或忽略警告来解决问题。我的浏览器列出了所需的文件，例如：

chrome扩展名-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map

。该位置在文件系统中的何处？请阅读删除React developer tools为我删除的警告。它显示在所有非React站点上。@RonniDC如果您按照这些回答步骤并在单击扩展时选择第一个选项就足够了。不需要卸载扩展。这就成功了。我不需要“一次为一个扩展名执行此操作”，因为扩展名列表中显示的扩展名代码与错误字符串的一部分匹配。感谢您提供解决方案“修复”问题，而不是关闭或禁用Chrome功能。为什么这是正确的答案？这些警告是否不表示应修复的问题？选择上下文在这里意味着什么？

{
 "version": 1,
 "mappings": "",
 "sources": [],
 "names": [],
 "file": "popper.min.js"
}

module.exports = {
    devtool: "source-map",
}