更新到Gulp 4.0时断言错误

Question

厌倦了我不能在我的项目中使用一些较新的CSS网格属性，并决定升级我的构建环境。

我已经更新了node，npm，gulp和我的所有软件包。但是我在项目中尝试运行gulp时遇到错误。正在阅读关于从先前的gulp版本到4.0的迁移过程的文章，但我还没有设法让它工作。

我得到的错误是：

AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask]

我的项目的gulpfile结构如下：

    var themename = 'akira';

var gulp = require('gulp'),
    // Prepare and optimize code etc
    autoprefixer = require('autoprefixer'),
    browserSync = require('browser-sync').create(),
    jshint = require('gulp-jshint'),
    postcss = require('gulp-postcss'),
    sass = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),

    // Only work with new or updated files
    newer = require('gulp-newer'),

    // Name of working theme folder
    root = '../' + themename + '/',
    scss = root + 'sass/',
    js = root + 'js/',
    img = root + 'images/',
    languages = root + 'languages/';


// CSS via Sass and Autoprefixer
gulp.task('css', function() {
    return gulp.src(scss + '{style.scss,rtl.scss}')
    .pipe(sourcemaps.init())
    .pipe(sass({
        outputStyle: 'expanded',
        indentType: 'tab',
        indentWidth: '1'
    }).on('error', sass.logError))
    .pipe(postcss([
        autoprefixer('last 2 versions', '> 1%')
    ]))
    .pipe(sourcemaps.write(scss + 'maps'))
    .pipe(gulp.dest(root));
});

// JavaScript
gulp.task('javascript', function() {
    return gulp.src([js + '*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(gulp.dest(js));
});


// Watch everything
gulp.task('watch', function() {
    browserSync.init({
        open: 'external',
        proxy: 'www.akira.test',
        port: 8080
    });
    gulp.watch([root + '**/*.css', root + '**/*.scss' ], ['css']);
    gulp.watch(js + '**/*.js', ['javascript']);
    gulp.watch(root + '**/*').on('change', browserSync.reload);
});


// Default task (runs at initiation: gulp --verbose)
gulp.task('default', ['watch']);

查看错误消息并按照第一次提到我的gulpfile.js时给出了：

themes/gulp-dev/gulpfile.js:57:6

这应该是这一行：

gulp.watch(root + '**/*').on('change', browserSync.reload);

但我没有真正的线索如何重构这个旧的代码与gulp 4.0一起工作任何帮助将不胜感激！

Answer 1

改变你的路线;

gulp.task('default', ['watch']);

这是gulp 3的语法。请改用：

gulp.task('default', gulp.series('watch'));

由于你的第二个参数是一个数组而不是一个函数 - 这在gulp 4下是必要的 - gulp认为你没有指定一个任务函数来运行。