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

Visual studio 2013 Visual Studio Express 2013 Web Essentials中的SCSS编译错误,visual-studio-2013,sass,web-essentials,Visual Studio 2013,Sass,Web Essentials,我正在尝试让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; } 我得到的错误是: 发生编译错误(请参阅错误列表以导航到错

我正在尝试让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;
}
我得到的错误是:
发生编译错误(请参阅错误列表以导航到错误位置): 发现错误:

但是,VisualStudio的错误列表中的错误为空,只显示第1行第1列,没有进一步的信息。我在scss文件中有什么也不重要,即使只有带开括号和闭括号的body标记也会出现同样的错误

VS版本为:12.0.30501.00和Web Essentials 2.2


任何帮助都将不胜感激。谢谢

在我的例子中,这是由于包含的
.scss
文件本身试图包含另一个
.scss
文件,该文件在目录层次结构中太深,无法处理
节点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'
/
预加到第二个包含文件的路径修复了我的问题,正如我最终偶然发现的那样。e、 g:

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

Sass+WebEssentials不允许重命名文件,它们开始抛出编译错误。请检查您没有重命名它。或者,您可以复制文件内容,将其删除,然后使用旧内容创建新文件。一切都会好起来的

另一个原因可能是签入源代码后的文件处于只读状态,Saas编译器无法自动对其进行检查,因此您需要从带有*.scss的文件夹中取消选中readonly标志,或者只需从TFS中签出以进行编辑


今天我发现了另一个原因——sass缓存。可以从这里删除它-C:\Users\%Username%\AppData\Local\Temp\

这对我很有帮助。我将现有的css文件重命名为SCSS,这引发了一个错误。现在我创建了一个新的SCSS文件,保持css的完整性,一切正常,并替换了现有的css。