Неполадки с GULP. Error: watching app/sass/*.sass: watch task has to be a function

@Python 3 · Регистрация: 27.10.2017

Author24 — интернет-сервис помощи студентам

Подскажите, в чём дело? Запускаю данный код, выдает такую ошибку:

Код

PS D:\Web programing\Projects> gulp watch
[18:22:58] Using gulpfile D:\Web programing\Projects\gulpfile.js
[18:22:58] Starting 'watch'...
[18:22:58] Starting 'css-libs'...
[18:22:58] Starting 'sass'...
DEPRECATION WARNING on line 1, column 8 of D:/Web programing/Projects/app/sass/libs.sass:
Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass.
Use a custom importer to maintain this behaviour. Check your implementations documentation on how to create a custom importer.

[18:22:58] Finished 'sass' after 123 ms
[18:22:58] Starting '<anonymous>'...
[18:22:58] Finished '<anonymous>' after 168 ms
[18:22:58] Finished 'css-libs' after 293 ms
[18:22:58] Starting 'scripts'...
[18:22:59] Finished 'scripts' after 844 ms
[18:22:59] Starting '<anonymous>'...
[18:22:59] '<anonymous>' errored after 901 μs
[18:22:59] Error: watching app/sass/*.sass: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)
    at Gulp.watch (D:\Web programing\Projects\node_modules\gulp\index.js:28:11)
    at D:\Web programing\Projects\gulpfile.js:69:7
    at bound (domain.js:396:14)
    at runBound (domain.js:409:12)
    at asyncRunner (D:\Web programing\Projects\node_modules\async-done\index.js:55:18)
    at process._tickCallback (internal/process/next_tick.js:61:11)
[18:22:59] 'watch' errored after 1.14 s
PS D:\Web programing\Projects>

Javascript

gulp.task('sass', function() {
    return gulp.src('app/sass/*.sass')
    .pipe(sass())
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({stream: true}))
})  
 
gulp.task('scripts', function() {
    return gulp.src([
        'app/libs/jquery/dist/jquery.min.js',
        'app/libs/magnific-popup/dist/jquery.magnific-popup.min.js'
    ])
    .pipe(concat('libs.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('app/js'))
 
})
gulp.task('css-libs', gulp.series('sass', function() {
    return gulp.src('app/css/libs.css')
    .pipe(cssnano())
    .pipe(rename({suffix:'.min'}))
    .pipe(gulp.dest('app/css'))
}))
gulp.task('watch', gulp.series('css-libs', 'scripts', function() {
    gulp.watch('app/sass/*.sass', ['sass']);
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/js/**/*.js', browserSync.reload);
}))

@Python 3 · 12.08.2018, 07:21 **[ТС]**

Всё решилось следующим путем:

В GULP 4.xx вместо такого написания:

Javascript

gulp.task('watch', gulp.series('css-libs', 'scripts', function() {
    gulp.watch('app/sass/*.sass', ['sass']);
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/js/**/*.js', browserSync.reload);
}))

Нужно написать:

Javascript

gulp.task('watch', gulp.series('css-libs', 'scripts', function() {
    gulp.watch('app/sass/*.sass', gulp.series ('sass'));
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/js/**/*.js', browserSync.reload);
}))

	12.08.2018, 07:21

Неполадки с GULP. Error: watching app/sass/*.sass: watch task has to be a function

Решение