Visual Studio Express 2013 Web Essentials中的SCSS编译错误

Question

我正在尝试让Sass使用Web Essentials在Visual Studio Express 2013 for Web中工作。当我包含最基本的scss文件时，我收到编译错误。这是我的示例文件：

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

我得到的错误是：
发生编译错误（请参阅错误列表以导航到错误位置）： 发现错误：

但是，Visual Studio错误列表中的错误是空白的，只显示第1行第1列，没有进一步的信息。它与scss文件中的内容无关，即使只有带开括号和右括号的body标签也会出现相同的错误。

VS版本为：12.0.30501.00，包含Web Essentials 2.2

任何帮助都会非常感激。谢谢！

Answer 1

Sass + Web Essentials不允许重命名文件，它们开始抛出编译错误。请检查你没有重命名。或者，您可以复制文件的内容，删除它并使用旧内容创建新文件。一切都会好的。

其他原因可能是您的文件在签入源代码处于只读状态后，Saas编译器无法自动将其清除，因此您需要取消选中带有* .scss的文件夹中的readonly标志 - 或者只是签出以进行编辑来自TFS。

今天我找到了另一个原因 - sass缓存。它可以从这里删除 - C：\ Users \％用户名％\ AppData \ Local \ Temp \

Answer 2

在我的情况下，这是由于包含.scss文件本身试图包含另一个.scss文件，该文件在node-sass目录层次结构中太深，无法处理。我通过调试Web Essentials并劫持对node-sass的调用来查看导致问题的文件，以查看真正的错误输出：

D:\Path\Assets\Areas\Area\/Section/section.scss:1: error: file to import not found or unreadable: '../../../Shared/Mixins/buttons.scss'

将./添加到第二个包含文件的路径中解决了我的问题，根据我最终偶然发现的this issue。 e.g：

@include './../../../Shared/Mixins/buttons.scss';