这些设置可以在这里找到:
我该怎么补救?
Chrome 最近在开发工具中增加了对源地图的支持。如果你在 chrome 开发者工具栏上进行设置,你可以看到以下两个选项:
如果禁用这两个选项并刷新浏览器,则浏览器将不再请求源映射。
http://sitename.localhost/assets/lib/angular-route.min.js.map
虽然所选择的答案是一个很好的答案来隐藏错误,但它不会消除错误,只是你不能在检查员中看到它。另一种方法是下载丢失的映射文件,并将其放在 asset/lib 目录中。因此,例如,我缺少 angular-route.min.js.map文件,我到这里 https://code.angularjs.org/1.5.3/(到正确的角度版本)并下载了缺少的文件。这个错误没有马上消失,可能是因为缓存的缘故,但是一旦我在浏览器中找到实际的文件,它就工作了。http://sitename.localhost/assets/lib/angular-route.min.js.map.现在,即使启用了源映射,检查器也不再显示错误。
angular-route.min.js.map
templateUrl: '/js/templates/modal.html'
我们通常缩小/压缩的 CSS/JS 源代码。现在,如果我们想要调试这些缩小的文件,那么我们必须在缩小的文件末尾添加以下行
/*# sourceMappingURL=bootstrap.min.css.map */
这告诉编译器实际映射源文件的位置。
remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file
删除警告: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file,。
不幸的是,我能找到的最佳解决方案是禁用这个令人讨厌的扩展。
检查你是否正在使用一些 Chrome 扩展(夜间模式或其他)。禁用它,看看是否“注入”消失。
Google DevTools 中的错误是导致 Google 扩展的原因。
控制台中不再有错误。
我注意到这个问题是因为 AdBlock 扩展,
对于 cra/response-script 5.0.0,看起来好像有一个 bug。 并添加以下内容
5.0.0
.env
GENERATE_SOURCEMAP=false
注意: 这是一个补丁。一旦修复程序实现,您将需要删除该行并更新到固定补丁版本。
更新: response-script 5.0.1不幸地没有修复这个问题
对于 cra/response-script 5.0.0,看起来好像有一个 bug。 我必须创建一个 .env文件并添加以下内容
问题: 来源地图404
Windows 10(全部更新) ,谷歌版本105.0.5195.102(正式版本)(64位)。
修正了禁止添加块扩展。