AssertionError [ERR_ASSERTION]：必须指定任务函数

Question

我正在尝试重构我 2 年前编写的一些遗留代码。准确地说是gulpfile.js 文件。

看来问题出在这里：

// gulp.task('default', ['browserify', 'copy'], function() {
//   return gulp.watch('src/**/*.*', ['browserify', 'copy']);
// });

我将其注释掉并替换为：

gulp.task('default', gulp.series('browserify', 'copy'), function() {
  return gulp.watch('src/**/*.*', ['browserify', 'copy']);
});

不够好。整个文件如下所示：

var gulp = require('gulp');
var browserify = require('browserify');
var reactify = require('reactify'); // Converts jsx to js
var source = require('vinyl-source-stream'); // Converts string to a stream

gulp.task('browserify', function() {
  browserify('./src/js/main.js')
    .transform('reactify')
    .bundle()
    .pipe(source('main.js'))
    .pipe(gulp.dest('dist/js'));
});

gulp.task('copy', function() {
  gulp.src('src/index.html').pipe(gulp.dest('dist'));
  gulp.src('src/css/*.*').pipe(gulp.dest('dist/css'));
  gulp.src('src/images/*.*').pipe(gulp.dest('dist/images'));
  gulp.src('src/js/vendors/*.*').pipe(gulp.dest('dist/js'));
});

// gulp.task('default', ['browserify', 'copy'], function() {
//   return gulp.watch('src/**/*.*', ['browserify', 'copy']);
// });

gulp.task('default', gulp.series('browserify', 'copy'), function() {
  return gulp.watch('src/**/*.*', ['browserify', 'copy']);
});

我已经阅读了一些入门文档，但到目前为止我所阅读的内容并没有帮助我重构它。

Answer 1

在 Gulp 4.0 中，您以串行方式运行任务的方式发生了变化。您可以使用以下链接阅读并获得您想要的内容 https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md.

Answer 2

由于我使用 npm i gulp 安装的 gulp 版本，我遇到了这个问题 要快速解决这个问题，请降级到您在 2 年前使用的 gulp 版本，一切都会正常工作。