Question

我已经按照我可以找到的所有方向让Sass源图在Chrome中运行 - 而且我仍然以某种方式失败。我不知道怎么样 - 也许你可以？

使用Sass 3.3.0.alpha.198（我知道这是“前沿”），我成功生成了一个源代码文件（test.css.map），该文件与我编译的CSS一起;在编译的CSS的底部是行：/*# sourceMappingURL=test.css.map */。所以这一步似乎进展顺利。

在Chrome Canary中，我已转到chrome://flags并启用了开发人员工具实验。我重新开始了。在我的检查器设置中，在常规选项卡中，我已选中“启用源地图”;在“实验”选项卡中，我检查了“Sass样式表调试”。

完成上述所有操作后，当我检查一个元素（在访问已编译的CSS的本地HTML文件上）时，我仍然使用相同的旧CSS行号，链接到相同的旧编译CSS文件。没有源图表支持的指示。这不是教程所说的应该发生的事情。

（我也在稳定的Chrome中试过这个 - 它应该可以稳定运行吗？ - 启用开发者工具实验并选中“启用源地图”和“支持Sass”框。没有运气，要么。）

有人可以告诉我我错过了什么吗？

Answer 1

您是否从file：// URL加载页面？出于安全原因，这不起作用 - 在localhost上使用任何http服务器。

此外，更新您的金丝雀是个好主意; CSS源地图已从实验中毕业。您应该在常规设置中选中“启用CSS源地图”。

Answer 2

如果其他人在此处结束，要在Chrome for Sass中使用源地图，您需要先使用--sourcemap标志生成它们！

sass --watch --sourcemap --debug-in sass/screen.scss:screen.css