Sass无法编译 - Web Essentials 2013 Update 4

Question

我目前正在使用Web Essentials 2013更新4来支持在Visual Studio中编译.scss文件.

这个工具过去对我来说很好,但我刚刚创建了一个新的.scss文件,并将bootstrap un-minified css复制到这个新文件中.

保存后,屏幕右侧的编辑窗口无法更新或显示已编译的css或任何错误消息.同时,我的Visual Studio屏幕底部的蓝色条被卡住了

为bootstrap.scss编译0依赖文件

通常我希望从这个以及bootstrap.min.css文件生成bootstrap.css文件,但这不会发生.

有没有人有任何想法如何将其恢复到正常的工作条件？

Answer 1

这与我在WebEssentials-Settings.json文件中的设置有关.在版本3中,'UseRubyRuntime'参数需要标记为true以允许它自动编译到相关文件中.从版本4开始,这可以标记为false,因为我们现在有一个内置编译器,我认为可能与我试图使用的RubyRuntime版本冲突.

Answer 2

我遇到了类似的问题,安装Web Essentials 2013 Update 4后,.scss文件开始向输出中抛出这样的错误:

Something went wrong reaching: ... 
SCSS: Site.scss compilation failed: The service failed to respond to this request
Possible cause: Syntax Error!

对我来说唯一的解决方案就是:

1. 卸载Web Essentials
2. 删除%AppData%\ Local\Microsoft\VisualStudio\12.0
3. 删除%AppData%\ Roaming\Microsoft\VisualStudio\12.0
4. 修复VS 2013.4
5. 重新安装Web Essentials

资料来源:https://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca361/view/Discussions/1#15143

单挑:如果您导入其他.scss文件,请确保它们位于正确的位置.当我通过NuGet更新Twitter.Bootstrap.Sass 3.3.3时,相关的.scss文件被移动到另一个文件夹,我不得不更新引用.例如:

之前:

@import "../sass/bootstrap/_utilities.scss";

后:

@import "../stylesheets/bootstrap/_utilities.scss";