【问题标题】:ESRI : Failed to parse source mapESRI:无法解析源映射
【发布时间】:2016-07-03 06:57:32
【问题描述】:

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

解析 SourceMap 失败: http://localhost:15132/Scripts/_External/igniteui/css/themes/infragistics/infragistics.theme.css.map

我该如何解决?

【问题讨论】:

    标签: javascript esri


    【解决方案1】:

    由于 AdBlock 扩展,我注意到了这个问题, 我关闭了 AdBlock 扩展,问题得到了解决。

    【讨论】:

      【解决方案2】:

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

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

      控制台中不再出现错误。

      【讨论】:

        【解决方案3】:

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

        如果您禁用这两个选项,并刷新浏览器,它应该不再要求源映射。

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

        【讨论】:

        • 多么愚蠢的“功能”。它应该只在可用时加载源地图。
        • 此屏幕截图上方的两个部分是外观下的主题选项。我选择了深色主题。
        • 我不认为这是答案。隐藏错误并不是“修复”它,真的。你首先需要弄清楚为什么你有一个文件引用了一个不存在的源映射文件,然后尝试修复它。
        • 请注意 - 如果您禁用这些设置,请注意您的网络选项卡不会显示任何流量活动,除非您按 F5(在 n/w 选项卡上)
        • 我花了一段时间才找到这些设置的位置。这是显示它们所在位置的屏幕截图:i.stack.imgur.com/JQcnN.png。也许您应该将其添加到您的答案中,以便人们更容易找到设置。
        【解决方案4】:

        进一步只是简单地关闭 Chrome 中的源地图 - 我做了一些挖掘,发现使用 Web Essentials 创建源地图似乎是个问题。

        无论出于何种原因,如果我使用外部编译器 (Koala),我可以在 Chrome 中成功创建工作源映射(没有错误)。而如果我使用 Web Essentials,则源映射无法解析。

        希望这对某人有所帮助。

        【讨论】:

        【解决方案5】:

        检查您是否使用了某些 Chrome 扩展程序(夜间模式或其他)。禁用它并查看“注入”是否消失。

        【讨论】:

          【解决方案6】:

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

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

          【讨论】:

          • 这很有帮助。谢谢,确实是 Adblock Plus 的问题。
          【解决方案7】:

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

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

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

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

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

          【讨论】:

            【解决方案8】:

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

            RewriteEngine 上
            RewriteRule !.(js|gif|jpg|png|css)$ index.php


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

            重写引擎开启
            RewriteRule !.(js|gif|jpg|png|css|eot|svg|ttf|woff|woff2|地图)$ index.php

            【讨论】:

            • 这是什么?阿帕奇?是网络服务器还是插件?
            【解决方案9】:

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

            templateUrl: 'js/templates/modal.html'

            这适用于根域 (www.example.com),但是当添加路径 (www.example.com/path/) 时,引用会中断。在我的情况下,答案只是将引用设为绝对 (js/ -> /js/)。

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

            【讨论】:

            • 请查看URL这将有助于提升您的内容质量
            • 谢谢威利,我已阅读指南。你觉得我的回答有问题吗?
            【解决方案10】:

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

            【讨论】:

            • 虽然源映射非常适合处理缩小的 javascript 文件,但即使您不需要/不想使用源映射,也会出现此错误消息并阻止正常调试。添加源映射可以解决问题是对的,但如果您没有它们,则需要禁用此选项以允许正常调试。
            • 这对我很有帮助,因为我正在尝试设置 Backendless.min.js 并在 Chrome 控制台中看到 Failed to parse SourceMap。当我切换到使用未压缩的 Backendless.js(没有 .min)时,我没有收到错误消息。我想也许在使用缩小的 javascript 时源映射没有意义?我想我可以尝试将我的本地开发环境设置为使用未压缩的 JS + 源映射,并且只有生产环境使用压缩的 JS。
            猜你喜欢
            • 2013-05-13
            • 1970-01-01
            • 1970-01-01
            • 2022-11-11
            • 1970-01-01
            • 1970-01-01
            • 2016-01-23
            • 2015-05-11
            • 2020-03-30
            相关资源
            最近更新 更多