我最近迁移到Visual Studio 2013 Update 4并安装了Web Essentials 2013 for Update 4.我下载了指南针文件并试图创建我的第一个sass(scss)文件。
我自己可以解决的两个问题(见下文“解决”),还有两个问题要解决: - (
OPEN:详细的错误消息?
我发现似乎有两种不同的错误。一种错误Visual Studio / Web Essential用波浪下划线处理或在右边的结果窗口上告诉原因,这是完全正常的,但是我遇到了“其他类型的错误”的问题,我的CSS根本就没有没有更新,它没有告诉我为什么。
在输出窗口中,我可以看到:
SCSS: myfile.scss compilation failed: The service failed to respond to this request
Possible cause: Syntax Error!
但没有进一步的细节。有没有任何日志文件?
OPEN:@mixing for image-width not working
调用方法image-width或image-height(如下所述:http://compass-style.org/reference/compass/helpers/image-dimensions/) 总是以“语法错误!”结束错误如上面公开的问题所示。
我正在使用的代码非常简单(文件位于同一位置且存在):
width: image-width("MyImage.jpg");
已解决:导入问题
我可以解决以下声明无效的问题:
@import "compass";
相反,我必须指定一个特定的文件而不是文件夹,如下所示:
@import "compass/reset/_utilities.scss";
原因:关于sass-lang文档,decleration不适用于文件夹,实际上是“Partials”(http://sass-lang.com/guide#topic-4),而下划线sass文件也是如此。在我的项目中,我包含了指南针文件夹,但我错过了_compass.scss文件(这是@import“指南针”正在寻找的内容)。
已解决:调用基本指南针功能
我可以解决:基本的Sass功能有效,但是通过调用指南针mixin,例如global-reset in,renderd代码看起来像这样
...
elements-of-type(html5-block) { display: block; }
...
解决方案:在Visual Studio选项中,导航到WebEssentials> SASS>使用Ruby Runtime并将值设置为“True”