Sass 生成系统中的样式表导入错误

我不知道为什么，但这种不规则总是发生在我的约曼建筑系统。在我的

Gulpfile.js

中，所有

.scss

文件将被监视的目录位于

app/styles/***.scss

中。我使用的策略是：我将链接到HTML文件的唯一编译样式表是

main.scss

，其中其他

.scss

文件已经导入。因此，编译完成后，只有

main.css

将被链接

main.scss

@import 'base';

@import '_banner';
@import '_works';
@import '_design';
@import '_story';
@import '_contact';

以下是样式表所在文件夹内容的图像：

问题是，每次我对

.scss

文件中的任何一个进行更改时，它都会抛出一个指向导入错误的错误；但当我再次尝试进行一些更改时，编译是成功的。

在my

Gulpfile.js

中：

gulp.task('styles', () => {
  return gulp.src('app/styles/main.scss')
    .pipe($.plumber())
    .pipe($.if(dev, $.sourcemaps.init()))
    .pipe($.sass.sync({
      outputStyle: 'compressed',
      precision: 10,
      includePaths: ['.']
    }).on('error', $.sass.logError))
    .pipe($.autoprefixer({browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']}))
    .pipe($.if(dev, $.sourcemaps.write()))
    .pipe(gulp.dest('.tmp/styles'))
    .pipe(reload({stream: true}));
});

---

这是某种错误吗？我应该怎么做才能防止这种情况再次发生？

这种情况总是发生吗？如果在gulp watch运行时导入新文件，我会遇到问题，我必须重新启动手表。是的，这种情况经常发生