Google Chrome“解析SourceMap失败”：css.map（Web Essential）

Question

Visual Studio 2013 UP5 + Web Essential（v.2.6.36）生成的css.map文件在“Google Chrome”中无效，但在“Firefox”中有效。因此，无法在Google Chrome中调试较少的文件。

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

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

Answer 1

问题是WebEssentials在UTF8 with BOM中保存文件，但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上报道了这个： Issue 1993

还有一些其他报道：

• Issue 1994
• Issue 1977