ESRI：无法解析源地图

Question

我在Google Chrome开发者控制台中收到此错误。

  

无法解析SourceMap：   http://localhost:15132/Scripts/_External/igniteui/css/themes/infragistics/infragistics.theme.css.map

我该如何解决？

Answer 1

Chrome最近在开发者工具中添加了对源地图的支持。如果您在chrome开发人员工具栏上进行设置，则可以看到以下两个选项：

如果您禁用这两个选项并刷新浏览器，则不应再请求源地图。

Answer 2

除了简单地关闭Chrome中的源地图之外 - 我已经做了一些挖掘，发现使用Web Essentials创建源地图似乎是个问题。

无论出于何种原因，如果我使用外部编译器（Koala），我可以在Chrome中成功创建工作源地图（无错误）。如果我使用Web Essentials，则源映射无法解析。

希望这有助于某人。

Answer 3

虽然选择的答案是隐藏错误的一个很好的答案，但它并没有消除错误，只是你无法在检查员中看到它。另一种方法是下载丢失的映射文件并将其放在assets / lib目录中。所以，例如，我丢失了angular-route.min.js.map文件，我去了https://code.angularjs.org/1.5.3/（正确版本的角度）并下载了丢失的文件。错误并没有立即消失，可能是因为缓存，但是一旦我在浏览器中访问实际文件就可以了。 http://sitename.localhost/assets/lib/angular-route.min.js.map。现在，即使启用了源地图，检查员也不会再显示错误。

Answer 4

我遇到了同样的问题，因为.htaccess的设置不正确：

  

重写发动机   RewriteRule！。（js | gif | jpg | png | css）$ index.php

我通过修改文件来解决这个问题：

  

重写发动机   RewriteRule！。（js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | 地图）$ index.php

Answer 5

有时这可能是由您安装的Chrome扩展程序引起的。 For example, AdBlock。

不幸的是，我能找到的最佳解决方案是禁用有问题的扩展程序。

Answer 6

当我遇到这个问题时，原因是在使用 ui.bootstrap.modal 模块时对模板文件的相对引用。

templateUrl: 'js/templates/modal.html'

这适用于根域（ www.example.com ）但是当添加路径时（ www.example.com/path / ），引用会中断。在我的案例中答案只是使参考绝对（ js / - ＆gt; / js / ）。

templateUrl: '/js/templates/modal.html'

Answer 7

我们通常会缩小/压缩CSS / JS的源代码。现在，如果要调试这些缩小的文件，则必须在缩小的文件末尾添加以下行

/*# sourceMappingURL=bootstrap.min.css.map */

这告诉编译器实际在哪里映射了源文件。

在JS的案例中有意义
但在 CSS 情况下，实际上是SCSS的调试。

要删除警告： remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ，。

Answer 8

Google DevTools中的错误是由Google扩展引起的。

1. 我在浏览器中单击了Google图标
2. 在弹出窗口的底部创建了一个访客配置文件。
3. 然后我粘贴了我的本地主机地址，瞧！！

控制台中没有更多错误。

Answer 9

检查您是否正在使用某些Chrome扩展程序（夜间模式或其他功能）。禁用它，看看“注入”是否消失了。

Answer 10

由于AdBlock扩展程序，我注意到了这个问题， 我关闭了AdBlock扩展程序，此问题已得到解决。