Fatal编程技术网
  • javascript/
  • Javascript ESRI:无法分析源映射

Javascript ESRI:无法分析源映射

javascript

Javascript ESRI:无法分析源映射,javascript,esri,Javascript,Esri,我在Google chrome开发者控制台中发现了这个错误 无法分析源映射： 如何修复它？Chrome最近在开发者工具中增加了对源地图的支持。如果在chrome developer工具栏的“设置”下，您可以看到以下两个选项： 如果禁用这两个选项并刷新浏览器，它将不再要求源地图 可以在此处找到这些设置： 除了在Chrome中简单地关闭源地图之外，我还做了一些挖掘，发现使用Web Essentials创建源地图似乎是个问题 无论出于何种原因，如果我使用外部编译器（考拉），我都可以在Chrome中

我在Google chrome开发者控制台中发现了这个错误

无法分析源映射：

如何修复它？

Chrome最近在开发者工具中增加了对源地图的支持。如果在chrome developer工具栏的“设置”下，您可以看到以下两个选项：

如果禁用这两个选项并刷新浏览器，它将不再要求源地图

可以在此处找到这些设置：

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

无论出于何种原因，如果我使用外部编译器（考拉），我都可以在Chrome中成功创建工作源代码映射（没有错误）。然而，如果我使用Web Essentials，源映射将无法解析

希望这对某人有所帮助。

虽然选择的答案是隐藏错误的好答案，但它不会让错误消失，只是你无法在检查器中看到它。另一种方法是下载丢失的映射文件并将其放在assets/lib目录中。例如，我丢失了
angular-route.min.js.map
文件，我来到这里（找到了angular的正确版本）并下载了丢失的文件。这个错误并没有立即消失，可能是因为缓存，但一旦我在浏览器中找到了实际的文件，它就工作了<代码>http://sitename.localhost/assets/lib/angular-route.min.js.map。现在，即使启用了源映射，检查器也不再显示错误。

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

templateUrl:'js/templates/modal.html'

这从根域（www.example.com）开始工作，但当添加路径（www.example.com/path/）时，引用中断。在我的例子中，答案只是将引用设置为绝对（js/->/js/）

templateUrl:'/js/templates/modal.html'
我也遇到了同样的问题，因为
.htaccess
的设置不正确：

重新启动引擎
重写规则！。（js | gif | jpg | png | css）$index.php


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

重新启动引擎
重写规则！。（js | gif | jpg | png | css | eot |svgttfwoffwoff2地图）$index.php

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

/*# sourceMappingURL=bootstrap.min.css.map */
这告诉编译器源文件实际映射到哪里

在JS的案例中，它是有意义的
但是在CSS的案例中，它实际上是对scs的调试

删除警告：
从缩小文件的末尾删除/*#sourceMappingURL=bootstrap.min.css.map*/
 这有时可能是由您安装的Chrome扩展造成的


不幸的是，我能找到的最佳解决方案是禁用有问题的扩展。
检查您是否正在使用Chrome扩展（夜间模式或其他）。禁用该选项并查看“注入”是否消失。
谷歌开发工具中的错误是由谷歌扩展引起的


  • 我在浏览器中点击了我的谷歌图标
    • 

  • 在弹出窗口的底部创建了来宾配置文件
    • 

  • 然后我粘贴了我的本地主机地址，瞧

    控制台中不再出现错误。
    我注意到这个问题，因为AdBlock扩展，

    我关闭了AdBlock扩展，问题得到了解决。
    您找到Web Essentials团队关于此问题的任何消息了吗？我想我们遇到了同样的问题。不幸的是，我找不到任何关于它的信息——我正在询问！可以在这里找到与Web Essentials相关的修复程序：虽然源映射非常适合处理缩小的javascript文件，但会出现此错误消息，即使您不需要/不想使用源映射，也会阻止正常调试。你说添加源映射可以解决问题是对的，但是如果你没有源映射，你会希望禁用此选项以允许正常调试。这对我很有帮助，因为我正在尝试设置backfundle.min.js，并且在Chrome控制台中看到
    无法解析SourceMap
    。当我切换到使用未压缩的backfundle.js（没有
    .min
    ）时，我没有收到错误。我想也许源映射在使用缩小的javascript时没有意义？我想我可以尝试将我的本地开发环境设置为使用未压缩的JS+源代码映射，并且只让生产环境使用压缩的JS。请检查这一点，这将有助于提高您的内容质量Hanks willie，我已经阅读了指南。你觉得我的答案有问题吗？多愚蠢的“特征”。当源地图可用时，它应该只加载源地图。从这个屏幕截图的两个部分开始，在外观下是主题选项。我选择了黑暗主题，我不认为这是答案。实际上，隐藏错误并不是“修复”错误。你首先需要弄清楚为什么你有一个文件引用了一个不存在的源映射文件，然后尝试修复它。警告一句-如果你禁用这些设置，请注意你的网络选项卡将不会显示任何流量活动，除非你点击F5（在n/w选项卡上）。我花了一段时间才找到这些设置的位置。这是一个显示它们所在位置的屏幕截图：。也许你应该把它添加到你的答案中，这样人们更容易找到设置。这是什么？阿帕奇？是Web服务器还是插件？这很有帮助。谢谢，问题确实来自Adblock Plus。