javascript - Gulpfile.js 加载失败

Question

Visual Studio 任务运行程序无法加载 gulp 文件。我现在用的是VS2017 v15.9.4，不过这个项目是几年前开发的。

Failed to run "...\Gulpfile.js"...
cmd.exe /c gulp --tasks-simple
assert.js:350
    throw err;
    ^
AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask] (...\node_modules\undertaker\lib\set-task.js:10:3)
    at Gulp.task (...\node_modules\undertaker\lib\task.js:13:8)
    at Object.<anonymous> (...\gulpfile.js:34:6)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)

我用“...”替换了我的项目本地地址

npm -v --> 6.4.1

node -v --> 10.14.2

gulp -v --> CLI version 2.0.1
            Local version 4.0.0

package.json文件内容:

{
  "version": "1.0.0",
  "name": "tratic",
  "private": true,
  "devDependencies": {
    "gulp": "github:gulpjs/gulp#4.0",
    "gulp-clean-css": "3.5.0",
    "gulp-concat": "2.6.1",
    "gulp-durandal": "1.1.7",
    "gulp-install": "^1.1.0",
    "gulp-uglify": "3.0.0",
    "gulp-util": "3.0.8",
    "rimraf": "2.6.1"
  },
  "dependencies": {
    "assert": "^1.4.1",
    "assert-js": "^0.20.0",
    "natives": "^1.1.5"
  },
  "scripts": {
    "gulp": "./node_modules/gulp/bin/gulp.js"
  }
}

gulpfile.js的内容:

var gulp = require('gulp'),
    durandal = require('gulp-durandal'),
    rimraf = require('rimraf');

gulp.task('clean', function (cb) {
    rimraf('app/main-built.js', cb);
});

gulp.task('durandal', ['clean'], function () {
    durandal({
        baseDir: 'app',
        main: 'main.js',
        output: 'main-built.js',
        almond: true,
        minify: true
    })
    .pipe(gulp.dest('app'));
});

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

我google了一下，现有的方案都不能解决问题。有一些相关问题，但对我不起作用。

我该如何解决这个问题？

Answer 1

我试过你的设置，它确实抛出了像你这样的错误。我去了gulp docs并尝试了他们的 gulpfile 版本，它没有任何问题。所以我重写了您的 gulpfile 以匹配他们的示例并且效果很好。

代码如下:

var gulp = require('gulp'),
    durandal = require('gulp-durandal'),
    rimraf = require('rimraf');

var paths = {
    app: "./App/**/*.js",
    js: "./Scripts/**/*.js",
    css: "./Content/**/*.css",
    concatJsDest: "./Scripts/vendor-scripts.min.js",
    concatCssDest: "./Content/vendor-css.min.css"
};

function clean (cb) {
    rimraf('app/main-built.js', cb);
}

gulp.task('clean', clean);

function runDurandal () {
    return durandal({
        baseDir: 'app',
        main: 'main.js',
        output: 'main-built.js',
        almond: true,
        minify: true,
        rjsConfigAdapter: function (rjsConfig) {
            rjsConfig.deps = ['text'];
            return rjsConfig;
        }
    })
    .pipe(gulp.dest('app'));
}

var build = gulp.series(clean, runDurandal);

gulp.task('default', build);

基本上，我已将您用作任务的函数移至变量，并使用系列来运行 durandal。

然后我尝试了 npx gulp --tasks-simple并有适当的输出

clean
default

顺便说一句，看看npx所以你不必全局安装 gulp。

希望对您有所帮助!