ESRI：无法解析源地图

Answers:

307

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

Chrome开发者工具源地图

如果禁用了这两个选项，并刷新了浏览器，则它将不再要求提供源映射。

这些设置可以在这里找到：

Chrome开发者工具源地图

— 骨节
source
94
多么愚蠢的“功能”。它应该仅在可用时加载源地图。
— ProblemsSuSumit
8
此屏幕快照的“外观”下有两个部分是“主题”选项。我选择了黑暗主题。
— Steropes
81
我不认为这是答案。确实，隐藏错误并不是“修复”错误。您需要先弄清楚为什么有一个文件引用不存在的源映射文件，然后再尝试解决该问题。
— demisx
4
请注意-如果禁用这些设置，请注意，除非您按F5（在n / w选项卡上），否则“网络”标签不会显示任何流量活动
— James Poulose
3
我花了一段时间才找到这些设置在哪里。这是显示它们所在位置的屏幕截图：i.stack.imgur.com/JQcnN.png。也许您应该将其添加到答案中，以使人们更容易找到设置。
— 唐老鸭
33

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

— 化学家
source
4
虽然源地图非常适合使用缩小的javascript文件，但即使您不需要/不想使用源地图，此错误消息也会出现，并会阻止常规调试。没错，添加源映射可以解决此问题，但是如果您没有这些映射，则需要禁用此选项以允许正常调试。
— Steropes
1
这对我很有帮助，因为我试图设置Backendless.min.js并Failed to parse SourceMap在Chrome控制台中看到。当我切换到使用未压缩的Backendless.js（不带.min）时，我没有收到错误。我想使用缩小的javascript时，源地图可能没有意义？我想我可以尝试将本地开发环境设置为使用未压缩的JS +源映射，而仅生产环境使用压缩的JS。
— 瑞安
16

除了只是简单地在Chrome中关闭源地图之外，我还做了一些挖掘工作，发现使用Web Essentials创建源地图似乎是个问题。

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

希望这对某人有帮助。

— 维琪
source
3
您是否从Web Essentials团队那里找到任何信息？我认为我们遇到了同样的问题。
— jtheis
2
不幸的是我找不到任何东西-我正在查询中！
— Vicky'3
1
可以在此处找到与Web Essentials相关的修复程序：Google Chrome浏览器“无法解析SourceMap”：css.map（Web Essential）
— Quentin S.
14

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

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

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

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

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

— 瓦西姆A.
source
8

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


RewriteRule上的RewriteEngine ！。（js | gif | jpg | png | css）$ index.php


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

RewriteEngine叙述上
！重写规则（JS | GIF | JPG | PNG | CSS | EOT | SVG | TTF | WOFF | woff2 | 地图）$的index.php

— 阿尔特姆·索洛耶夫（Artem Solovev）
source
这是什么？阿帕奇？是网络服务器还是仅仅是插件？
— Vasilii Suricov
3

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

templateUrl: 'js/templates/modal.html'

这可以在根域（www.example.com）上运行，但是添加路径（www.example.com/path/）后，引用将中断。在我的情况下，答案只是使引用成为绝对引用（js / -> / js /）。

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

— 罗布斯塔巴克
source
请检查此URL，这将对提升您的内容质量很有用
— 郑伟（Willie Cheng）
11
谢谢威利，我已经阅读了指南。您是否觉得我的回答有问题？
— robstarbuck '16
2

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

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

控制台中没有更多错误。

— 小罗兰·布雷内维尔
source
0

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

— BolonhaDev
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.