Gulp Error Task'+ name +'需要一个函数

时间:2018-02-17 13:07:32

标签: gulp postcss gulp-sourcemaps

此前有人问过类似的问题:

Error: Task requires a name at Gulp.Orchestrator.add

就我而言,我正在设置gulp版本。

已安装

gulp-connect
gulp-postcss
gulp-sourcemaps

当我运行gulp时,我得到了

错误

    C:\Users\jwilson\Documents\James\jameswilson.co.za\node_modules\orchestrator\index.js:44
                            throw new Error('Task '+name+' requires a function that is a function');
                            ^

Error: Task default requires a function that is a function
    at Gulp.Orchestrator.add (C:\Users\jwilson\Documents\James\jameswilson.co.za\node_modules\orchestrator\index.js:44:10)
    at Object.<anonymous> (C:\Users\jwilson\Documents\James\jameswilson.co.za\gulpfile.js:19:6)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Liftoff.handleArguments (C:\Users\jwilson\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:116:3)

Gulpfile

var gulp = require('gulp'),
  connect = require('gulp-connect');
  postcss = require('gulp-postcss');
  sourcemaps = require('gulp-sourcemaps');

gulp.task('connect', function() {
  connect.server();
});

gulp.task('css', function () {

  return gulp.src('src/**/*.css')
      .pipe( sourcemaps.init() )
      .pipe( postcss([ require('precss'), require('autoprefixer') ]) )
      .pipe( sourcemaps.write('.') )
      .pipe( gulp.dest('build/') );
});

gulp.task('default', ['css'], ['connect']);

1 个答案:

答案 0 :(得分:2)

我认为错误就在这里:

gulp.task('default', ['css'], ['connect']);

在我看来,好像你正在使用gulp v3.9.1或更早版本。在这种情况下,gulp.task最多需要三个参数:任务名称,依赖任务名称数组和函数。您正在传递任务名称和两个1元素数组。 Gulp抱怨是因为它期望task的第三个参数是一个函数,但是你将它传递给数组['connect']

我想你想要用2个元素的数组替换两个1元素数组:

gulp.task('default', ['css', 'connect']);

对于gulp v4或更高版本,您可以使用以下命令在series中运行这两项任务:

gulp.task('default', gulp.series('css', 'connect'));

或在parallel中,使用:

gulp.task('default', gulp.parallel('css', 'connect'));