Gulp-sass выдает ошибку при изменении @import-файлов

Андрей Горюшин

Здравствуйте, у меня возникла такая проблема, что когда я импортирую файлы в основной файл sass, а потом произвожу в них изменения, то у меня возникает ошибка.
Если кто знает как ее исправить, помоги пожалуйста никак не могу решить данную проблему.
Пытался исправить проблему с помощью модуля gulp-watch и данным кодом. Все файлы Sass лежат в одной папке.
1)

gulp.task('watchSass', function() {
watchS('dev/scss/**/*.scss', {readDelay: 100}, function(event, cb) {
gulp.start('sass');
});
});

2)

gulp.task('watch', function() {
watch('dev/scss/**/*.scss', function(event, cb) {
setTimeout(function(){gulp.start('sass');},500) // задача выполниться через 500 миллисекунд и файл успеет сохраниться на диске
});
});

Отличаются они теме, что первая вырезка кода дольше работала без ошибки, но потом все равно приходило к тому же результату
Вот если что документация на модуль [https://www.npmjs.com/package/gulp-watch#optionsreaddelay](http://)
Node.js версии 4.2.0
gulpfile.js
```
var gulp = require('gulp'), // Подключаем Gulp
sass = require('gulp-sass'), //Подключаем Sass пакет,
browserSync = require('browser-sync'), // Подключаем Browser Sync
concat = require('gulp-concat'), // Подключаем gulp-concat (для конкатенации файлов)
uglify = require('gulp-uglifyjs'), // Подключаем gulp-uglifyjs (для сжатия JS)
cssnano = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
rename = require('gulp-rename'), // Подключаем библиотеку для переименования файлов
del = require('del'), // Подключаем библиотеку для удаления файлов и папок
imagemin = require('gulp-imagemin'), // Подключаем библиотеку для работы с изображениями
pngquant = require('imagemin-pngquant'), // Подключаем библиотеку для работы с png
cache = require('gulp-cache'), // Подключаем библиотеку кеширования
autoprefixer = require('gulp-autoprefixer'); // Подключаем библиотеку для автоматического добавления префиксов
watchS = require('gulp-watch'), //Подключаем Sass пакет,
// jade = require('gulp-jade'); //Подключаем Jade пакет

gulp.task('sass', function(){ // Создаем таск Sass
return gulp.src(['app/sass//*.sass', 'app/sass//*.scss']) // Берем источник
.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true })) //Создаем префиксы
.pipe(gulp.dest('app/css')) //Выгружаем результаты в папку app/css
.pipe(browserSync.reload({stream: true})) //Обновляем CSS на странице при изменении
});

// // чтобы запустить эту задачу, наберите в командной строке gulp jade
// gulp.task('jade', function() { //Создаем таск Jade
// return gulp.src('app/*/.jade') //Берем источник
// .pipe(jade()) // Преобразуем Jade в HTML посредством gulp-jade
// .pipe(gulp.dest('app')) // указываем gulp куда положить скомпилированные HTML файлы
// .pipe(browserSync.reload({stream: true})) //Обновляем HTML на странице при измении
// });

gulp.task('scripts', function() {
return gulp.src([ // Берем все необходимые библиотеки
'app/libs/jquery/dist/jquery.min.js' // Берем jQuery
])
.pipe(concat('libs.min.js')) // Собираем их в кучу в новом файле libs.min.js
.pipe(uglify()) // Сжимаем JS файл
.pipe(gulp.dest('app/js')); // Выгружаем в папку app/js
});

gulp.task('cssMin', ['sass'], function(){
return gulp.src('app/css/main.css') // Выбираем файл для минификации
.pipe(cssnano()) // Сжимаем
.pipe(rename({suffix: '.min'})) //Добавляем суффикс .min
.pipe(gulp.dest('app/css')); // Выгружаем в папку app/css
});

gulp.task('browser-sync', function() {
browserSync({ //Выполняем browserSync
server: { //Определяем параметры сервера
baseDir: 'app' //Директория для сервера - app
},
notify: false //Отключаем уведомления
});
});

gulp.task('clean', function() {
return del.sync('dist');
});

gulp.task('clear', function() {
return cache.clearAll();
});

gulp.task('img', function() {
return gulp.src('app/img/*/')
.pipe(cache(imagemin({
interlaced: true,
progressive: true,
svgoPlugins: [{removeViewBox: false}],
une: [pngquant()]
})))
.pipe(gulp.dest('dist/img'));
});

gulp.task('watch', ['browser-sync','cssMin', 'scripts'], function() {
gulp.watch(['app/sass//*.sass', 'app/sass//.scss'], ['sass']); // Наблюдение за sass файлами в папке sass
gulp.watch('app/
.html', browserSync.reload); // Наблюдение за HTML файлами в корне проекта
gulp.watch('app/js//*.js', browserSync.reload); // Наблюдение за JS файлами в папке js
gulp.watch('app/css/
/*.css', browserSync.reload); // Наблюдение за css файлами в папке css
});

gulp.task('build', ['clean', 'img', 'sass', 'scripts'], function() {

var buildCss = gulp.src('app/css/*.css')
    .pipe(gulp.dest('dist/css'));

var buildFonts = gulp.src('app/fonts/**/*')
    .pipe(gulp.dest('dist/fonts'));

var buildJs = gulp.src('app/js/**/*')
    .pipe(gulp.dest('dist/js'));

var buildLibs = gulp.src('app/libs/**/*')
    .pipe(gulp.dest('dist/libs'));

var buildHtml = gulp.src('app/*.html')
    .pipe(gulp.dest('dist'))

});

**Модули и пакеты, которые использую**

{
"name": "main",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"dependencies": {},
"devDependencies": {
"browser-sync": "^2.18.13",
"del": "^3.0.0",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^4.0.0",
"gulp-cache": "^0.4.6",
"gulp-concat": "^2.6.1",
"gulp-cssnano": "^2.1.2",
"gulp-imagemin": "^3.3.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0",
"gulp-uglifyjs": "^0.6.2",
"gulp-watch": "^4.3.11",
"imagemin-pngquant": "^5.0.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

**SASS где подключаю файлы с помощью @import название подключаемого файла "_media.sass"**

*, *:before, *:after
box-sizing: border-box

body
font-size: 10px
margin: 0
background: #000
p
font-size: 2rem
color: #fff

@import "media"
```

1 чел.