ESRI：无法解析源地图
ESRI : Failed to parse source map
我在 Google chrome 开发人员控制台中收到此错误。
Failed to parse SourceMap:
http://localhost:15132/Scripts/_External/igniteui/css/themes/infragistics/infragistics.theme.css.map
我该如何解决？
Chrome 最近在开发人员工具中添加了对源映射的支持。如果您在 chrome 开发人员工具栏上的设置下，您可以看到以下两个选项：
如果禁用这两个选项并刷新浏览器，它应该不会再询问源映射。
可以在此处找到这些设置：
除了在 Chrome 中简单地关闭 Source Maps - 我做了一些挖掘，发现使用 Web Essentials 创建源映射似乎是问题所在。
无论出于何种原因，如果我使用外部编译器 (Koala)，我都可以在 Chrome 中成功创建工作源映射（没有错误）。而如果我使用 Web Essentials，则源映射无法解析。
希望这对某人有所帮助。
虽然选择的答案是隐藏错误的好答案，但它不会使错误消失，只是您无法在检查器中看到它。另一种方法是下载丢失的地图文件并将其放在 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。现在即使启用了源映射，检查器也不再显示错误。
当我遇到这个问题时，原因是使用 ui.bootstrap.modal 模块时对模板文件的相对引用。
templateUrl: 'js/templates/modal.html'
这适用于根域 (www.example.com) 但是当添加路径时 (www.example.com/path/) 引用中断。在我的例子中，答案只是使引用成为绝对引用 (js/ -> /js/).
templateUrl: '/js/templates/modal.html'
我遇到了同样的问题，因为 .htaccess 设置不正确：
RewriteEngine on
RewriteRule !.(js|gif|jpg|png|css)$ index.php
我通过修改文件解决了这个问题：
RewriteEngine on
RewriteRule !.(js|gif|jpg|png|css|eot|svg|ttf|woff|woff2|map)$ index.php
我们通常minified/compressCSS/JS的源代码。现在，如果我们想调试那些缩小的文件，那么我们必须在缩小文件的末尾添加以下行
/*# sourceMappingURL=bootstrap.min.css.map */
这告诉编译器源文件实际映射到哪里。
在 JS 的情况下 它是有道理的
但在 CSS 的情况下，它实际上调试了 SCSS.
删除警告： remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file, .
这有时可能是由您安装的 Chrome 扩展引起的。 For example, AdBlock.
不幸的是，我能找到的最佳解决方案是禁用有问题的扩展程序。
检查您是否在使用某些 Chrome 扩展程序（夜间模式或其他）。禁用它并查看 'inject' 是否消失。
Google DevTools 中的错误是由 Google 扩展引起的。
- 我在浏览器中点击了我的 Google 图标
- 在弹出窗口底部创建了一个来宾个人资料 window。
- 然后我粘贴了我的本地主机地址，瞧！
控制台中没有更多错误。
我注意到这个问题是因为 AdBlock Extension，
我关闭了 AdBlock 扩展，问题得到解决。
对于 cra/react-scripts 5.0.0 似乎有一个错误。
我必须创建一个 .env 文件并添加以下内容
GENERATE_SOURCEMAP=false
注意：这是一个补丁。实施修复后，您将需要删除该行并更新到修复补丁版本。
我在 Google chrome 开发人员控制台中收到此错误。
Failed to parse SourceMap: http://localhost:15132/Scripts/_External/igniteui/css/themes/infragistics/infragistics.theme.css.map
我该如何解决？
Chrome 最近在开发人员工具中添加了对源映射的支持。如果您在 chrome 开发人员工具栏上的设置下，您可以看到以下两个选项：
如果禁用这两个选项并刷新浏览器，它应该不会再询问源映射。
可以在此处找到这些设置：
除了在 Chrome 中简单地关闭 Source Maps - 我做了一些挖掘，发现使用 Web Essentials 创建源映射似乎是问题所在。
无论出于何种原因，如果我使用外部编译器 (Koala)，我都可以在 Chrome 中成功创建工作源映射（没有错误）。而如果我使用 Web Essentials，则源映射无法解析。
希望这对某人有所帮助。
虽然选择的答案是隐藏错误的好答案，但它不会使错误消失，只是您无法在检查器中看到它。另一种方法是下载丢失的地图文件并将其放在 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。现在即使启用了源映射，检查器也不再显示错误。
当我遇到这个问题时，原因是使用 ui.bootstrap.modal 模块时对模板文件的相对引用。
templateUrl: 'js/templates/modal.html'
这适用于根域 (www.example.com) 但是当添加路径时 (www.example.com/path/) 引用中断。在我的例子中，答案只是使引用成为绝对引用 (js/ -> /js/).
templateUrl: '/js/templates/modal.html'
我遇到了同样的问题，因为 .htaccess 设置不正确：
RewriteEngine on
RewriteRule !.(js|gif|jpg|png|css)$ index.php
我通过修改文件解决了这个问题：
RewriteEngine on
RewriteRule !.(js|gif|jpg|png|css|eot|svg|ttf|woff|woff2|map)$ index.php
我们通常minified/compressCSS/JS的源代码。现在，如果我们想调试那些缩小的文件，那么我们必须在缩小文件的末尾添加以下行
/*# sourceMappingURL=bootstrap.min.css.map */
这告诉编译器源文件实际映射到哪里。
在 JS 的情况下 它是有道理的
但在 CSS 的情况下，它实际上调试了 SCSS.
删除警告： remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file, .
这有时可能是由您安装的 Chrome 扩展引起的。 For example, AdBlock.
不幸的是，我能找到的最佳解决方案是禁用有问题的扩展程序。
检查您是否在使用某些 Chrome 扩展程序（夜间模式或其他）。禁用它并查看 'inject' 是否消失。
Google DevTools 中的错误是由 Google 扩展引起的。
- 我在浏览器中点击了我的 Google 图标
- 在弹出窗口底部创建了一个来宾个人资料 window。
- 然后我粘贴了我的本地主机地址，瞧！
控制台中没有更多错误。
我注意到这个问题是因为 AdBlock Extension， 我关闭了 AdBlock 扩展，问题得到解决。
对于 cra/react-scripts 5.0.0 似乎有一个错误。
我必须创建一个 .env 文件并添加以下内容
GENERATE_SOURCEMAP=false
注意：这是一个补丁。实施修复后，您将需要删除该行并更新到修复补丁版本。