Question

我受够了我无法在项目中使用一些较新的CSS Grid属性，并决定升级我的构建环境。

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

更新到Gulp 4.0时出现AssertionError

1 个答案: