使用WAMP服务器进行Web开发时，使用本地较少的代码处理Visual Studio Web Essentials生成的较少的映射文件时出现问题。
每当我将更改保存到较少文件时，相应的css，css.map和min.css文件都会按预期生成，但Chrome和Firefox开发工具无法识别它们。
他们没有按预期映射到较少的源文件，始终只显示"style.css:123"行号而不是"source.less:45"。
有人有问题吗？
我尝试了以下事项：
- 确保chrome设置：＆＃34;启用CSS源地图＆amp;自动重新加载生成的CSS＆＃34;：两者都被检查。
- 将文件夹添加到chrome工作区
- 尝试了WebEssential LESS选项中的不同设置。
- 确保生成的style.css以行结尾：
/ *＃sourceMappingURL = style.css.map * /
我在这里缺少什么？有线索吗？我很确定直接映射到较少的源文件是在几年前工作的，因为这是我选择使用较少的关键功能之一？！
答案 0 :(得分：1)
我遇到了同样的问题，经过4个小时的试验和挫折后我才解决了这个问题......
Web Essentials（2013 2.6）生成的文件编码为“带BOM的UTF-8”，而源地图文件应为“UTF-8无BOM”才能生效（“ANSI”也工作）。我想添加的小字节序列会导致对源映射文件的误解，或者使它不是Chrome / FF解析器的有效JSON（但这只是猜测）。
如果您将源映射文件的编码更改为没有BOM的UTF-8，则Dev工具应该按预期工作。
不幸的是，似乎Web Essentials不允许选择文件编码，并且它与起始文件的编码无关（因此，如果编译的编码较少的文件采用“无BOM的UTF-8”或“ANSI”编码） “它仍然会生成UTF-8编码的文件。”
我们目前正在调查解决方法，否则我们将放弃网络基础知识并寻找其他工具。
让我知道这是否有用（我知道它已经晚了但仍然......）。