谷歌浏览器 "Failed parsing SourceMap" : css.map （Web Essential）

Question

Visual Studio 2013 UP5 + Web Essential's（v. 2.6.36）生成的css.map文件在“Google Chrome”中无效，但在“Firefox”中有效。由于这个问题，无法在Google Chrome中调试less文件。如下图所示： 目前，我正在使用Web Essential 2.6.36（+ Visual Studio 2013 Up5）。我可以从Google Chrome的开发者设置中禁用源映射以消除这些错误，但我们仍然无法调试less文件和更改样式，这是一个非常严重的问题。 如下图所示： 欢迎提供任何建议。谢谢。

- Md. Alim Ul Karim

---

我也遇到了这个精确的问题，使用相同的技术/版本。 - Traw

Answer 1

问题在于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 上报告了这个问题：Issue 1993

还有一些其他的报告：

• Issue 1994
• Issue 1977

- PeterMacko

---

如果您想要解决此问题，请给 Google Chrome 的问题报告点个赞：https://bugs.chromium.org/p/chromium/issues/detail?id=611328。该问题报告了使用 UTF8 带 BOM 编码的文件存在问题。 - PeterMacko

如果我使用Unicode（带有签名的UTF-8），也可以为我工作。 - Remy

看起来Chrome的问题最近在52版本中刚刚发布，现在已经解决了。 - Matt Scully

我正在使用Chrome 53，并且在使用bootstrap.css.map时遇到了错误，无论是保存为UTF-8无签名还是US-ASCII都似乎无法解决错误。诚然，我不知道map文件是什么，也不知道它对我有什么影响。但我没有发现用户体验上的任何问题。 - JDPeckham