Chrome没有加载CSS源地图？

Question

直到最近，我的Chrome浏览器正在正确加载CSS源地图文件。现在，它不是。

设置已开启：

CSS文件的底部有一个源映射标记：

/*# sourceMappingURL=Home.cshtml.css.map */

但网络标签和Fiddler2显示Chrome甚至没有尝试加载源地图文件。

我有什么遗失的东西吗？ sourceMappingURL语法是否正确？我已经切换了＆＃34;启用CSS源地图＆＃34;设置打开和关闭。

Chrome版本：44.0.2403.30 beta-m

Web Essentials在VS 2013中生成的源映射文件。

Answer 1

您可以尝试以下步骤：

1-删除地图文件并重新生成。

2-使用chrome检查器，转到设置＆gt;一般，然后单击按钮＆＃34;恢复默认值并重新加载＆＃34;

Answer 2

当CSS文件将源映射嵌入为base64时，它似乎工作正常。

例如：

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */

Answer 3

天哪！问题使我发疯！我发现CSS文件不完整。 这是我为解决此问题所做的事情：

1. 确保在开发工具设置中启用了CSS映射。
2. 检查CSS文件的末尾是否包含指向源映射的链接。
3. 按Shift + Click on the refresh button强制更新资源。

Answer 4

您的代码似乎还不错，这是因为您正在加载缓存的CSS文件，所以它不反映更改的唯一原因。要加载新的CSS文件，您需要按住Shift并按reload按钮，要求chrome重新加载所有文件，而不是从现金中加载文件。

Answer 5

是否需要从外部访问每个scss文件才能使其正常工作？我已配置css映射，但我看到正在处理的每个.scss文件都无法从浏览器访问