Почему возникает ошибка 'browserSync' errored after 7.73 ms TypeError: args.cb is not a function?

Question

[Руслан]

Создаю gulpjs:

const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();

const config = {
    src: './src',
    css: {
        src: '/precss/**/*.css',
        dest: '/css'
    }
};

gulp.task('build', async function() {
    gulp.src(config.src + config.css.src)
        .pipe(autoprefixer({
            overrideBrowserslist:  ['last 2 versions'],
            cascade: false
        }))
        .pipe(gulp.dest(config.src + config.css.dest));
});

gulp.task('browserSync', async function() {
    browserSync.init({
        server: {
            baseDir: config.src
        }
    });
});

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, gulp.series('browserSync'));
}));

Он запускается, но при обновлении css выдает ошибку
[02:44:53] 'browserSync' errored after 7.73 ms
[02:44:53] TypeError: args.cb is not a function

Comments

[xdevelx]

А зачем при изменениях в файлах запускать инициализацию browserSync, если он уже изначально был инициализирован? Есть же browserSync.reload, вот его и передавайте.
Да и в таск build добавить бы pipe .pipe(browserSync.reload({stream: true}))

Да и в целом почитать бы документацию по gulp, browserSync и gulp.watch

[Руслан]

xdevelx, Спасибо большое! Работает:

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, gulp.series(browserSync.reload));
}));

Можете в ответ переписать комментарий, чтобы я выбрал решением?

Answer 1

[xdevelx]

А зачем при изменениях в файлах запускать инициализацию browserSync, если он уже изначально был инициализирован? Есть же browserSync.reload, вот его и передавайте.

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, browserSync.reload);
}));