当对导入的文件进行更改时，Gulp-sass会中断

Question

• 我正在使用gulp-sass来编译sass。我有main.scss和 grid.scss位于同一目录中。

gulp watch正在观看

• main.scss。

• grid.scss已导入main.scss，并在保存main.scss时无误编译。

问题是当我对grid.scss进行更改并保存 gulp-sass中断并抛出此错误时：

    events.js:141
    throw er; // Unhandled 'error' event
    ^
     Error: src\styles\main.scss
     Error: File to import not found or unreadable: grid
     Parent style sheet: stdin
     on line 1 of stdin
     >> @import "grid";
     ^

    at options.error (C:\www\test\node_modules\node-sass\lib\index.js:277:32)

看起来grid.scss在保存时被视为不存在的文件。有什么解决方案？

提前谢谢。

Answer 1

尝试在文件名前添加underline以忽略文件本身的编译。

应该看起来像：

main.scss
_grid.scss

那么你的文件_grid.scss只能编译成main.scss而不能编译自己。

此外，请确保您对文件/文件夹具有文件权限。可以锁定编译器。