更新到 Gulp 4.0 时出现 AssertionError

Question

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

我已经更新了 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 认为您没有指定要运行的任务函数。