Fatal编程技术网
  • css/
  • 谷歌浏览器；未能分析SourceMap"；：css.map（网络基础）

谷歌浏览器；未能分析SourceMap"；：css.map（网络基础）

css google-chrome less

谷歌浏览器；未能分析SourceMap"；：css.map（网络基础）,css,google-chrome,less,source-maps,web-essentials,Css,Google Chrome,Less,Source Maps,Web Essentials,Visual Studio 2013 UP5+Web Essential（2.6.36版）生成的css.map文件在“Google Chrome”中无效，但在“Firefox”中有效。因此，在google chrome中调试更少的文件变得不可能。 目前，我正在使用Web Essential 2.6.36（+Visual Studio 2013 Up5）。 我可以从google chrome的开发者设置中禁用源地图。这将删除这些错误，但是我们仍然无法调试更少的文件并更改样式。这是一个可怕的问题

Visual Studio 2013 UP5+Web Essential（2.6.36版）生成的css.map文件在“Google Chrome”中无效，但在“Firefox”中有效。因此，在google chrome中调试更少的文件变得不可能。

目前，我正在使用Web Essential 2.6.36（+Visual Studio 2013 Up5）。 我可以从google chrome的开发者设置中禁用源地图。这将删除这些错误，但是我们仍然无法调试更少的文件并更改样式。这是一个可怕的问题

如有任何建议，将不胜感激。提前谢谢。

问题是WebEssentials使用BOM将文件保存在
UTF8中，但Chrome无法将这些文件作为
.map
文件打开

作为临时修复，您可以在Visual Studio中转到
.map
文件，并使用将其保存为
Unicode
（不带签名的UTF-8）或
US-ASCII


File -> Advanced Save Options -> Unicode (UTF-8 without signature) or US-ASCII.


更改相关的
.css
文件时，您可能需要重复此过程。但是，当我测试向
.css
添加一些规则时，
.map
文件保留了正确的格式

我在WebEssentials GitHub上报告了这一点：


还有其他一些报道：


    

  • 

  • 

使用相同的技术/版本，我也遇到了同样的问题。如果您想解决此问题，请启动Google Chrome问题报告：。这个问题报告了由UTF8编码的文件在BOM中的问题。如果我使用Unicode（带签名的UTF-8），这个问题也适用于我看起来Chrome的问题最近才在52版中发布，现在已经解决了。我在Chrome 53上，使用bootstrap.css.map得到了这个错误，保存为UTF-8而不带签名或US-ASCII似乎都不能消除这个错误。诚然，我不知道地图文件是什么，也不知道它为什么对我很重要。我认为用户体验没有问题。