Компиляция sass отрабатывает через раз, в чем может быть проблема?

Question

[Praud]

Всем привет, компилирую sass через gulp, вот код

'use strict';
 
let gulp = require('gulp');
let sass = require('gulp-sass');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');

gulp.task('sass', () => {
  return gulp.src('./src/styles/src/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(cleanCSS())
    .pipe(rename({
        suffix: '.min'
    }))
    .pipe(gulp.dest('./src/styles/dist'));
});
 
gulp.task('sass:watch', () => {
  gulp.watch('./src/styles/src/**/*.scss', ['sass']);
});

gulp.task('watch-css', ['sass', 'sass:watch']);

Запускаю таску watch-css - дальше компиляция происходит через раз, каждый второй раз ругается таким образом
File to import not found or unreadable: components/navigation. То есть один раз нажимаю ctrl+s - все ок, второй раз ошибка. Естественно путь до components/navigation не меняется.

Вот структура
src
___components
__navigation.scss
main.scss

Подключаю я все это дело в main.scss

@import "components/navigation";
....

Comments

[Praud]

Пользуюсь VS Code, может там какой-то баг

[alvvi]

Praud: или может стоит правильно пути писать все же?

[Praud]

Илья Ростопка: в пути ошибки нет. Путь срабатывает через раз. Если есть конструктивное предложение, то напиши его