节点无效监视程序给出未定义的变量错误

Question

main.scss

@import "sass1";
@import "sass2";

sass1.scss

$white-color: white

sass2.scss

.body{ color: $white-color}

如果我只是这样编译一次，那就很好

node-sass main.scss main.css

但是，如果我像这样使用观察者，则修改并保存_sass2.css会给我错误

node-sass --watch main.css main.css

{   “状态”：1，   “ file”：“ sass2.scss”，   “行”：3，   “栏”：11   “ message”：“未定义的变量：\” $ whites \“。”，   “ formatted”：“错误：未定义的变量：\” $ whites \“。\ n sass2.scss \ n >>第3行color：$ whites; \ n ---------- ^ \ n ” }

我尝试使用“ sass”代替“ node-sass”，并且有效，这是node-sass的错误吗？

Answer 1

最后，我发现问题出在partials的文件名上。 如果我们不希望文件生成自己的CSS代码，则应使用下划线前缀命名文件。

然后解决方案是更改

  

sass2.scss

到

  

_sass2.scss

。 （也可以将sass1.scss更改为_sass1.scss，尽管这不是错误的问题）