javascript - 每次在命令行中运行 gulp 时出现断言错误

Question

我正在尝试运行下面的命令，但不幸的是我遇到了错误。

C:\Users\usver\Desktop\git test\git\Bootstrap4\conFusion>gulp

运行上述命令后出现断言错误。我再次重新安装了 gulp 和 npm，但得到了同样的错误。我的节点版本-v10.15.0一口气版本-CLI 版本 2.0.1本地版本4.0.2

assert.js:350
    throw err;
    ^

AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask] (C:\Users\usver\Desktop\git test\git\Bootstrap4\conFusion\node_modules\undertaker\lib\set-task.js:10:3)
    at Gulp.task (C:\Users\usver\Desktop\git test\git\Bootstrap4\conFusion\node_modules\undertaker\lib\task.js:13:8)
    at Object.<anonymous> (C:\Users\usver\Desktop\git test\git\Bootstrap4\conFusion\gulpfile.js:30: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)

我正在使用 Windows 10 操作系统和 VS Code 作为编辑器。

gulp.js 文件:

'use strict';

var gulp=require('gulp'),
    sass=require('gulp-sass'),
    browserSync=require('browser-sync');
gulp.task('sass',function(){
    return gulp.src('./css/*.scss')
    .pipe(sass().on('error',sass.logerror))
    .pipe(gulp.dest('./css'));
});

gulp.task('sass:watch',function(){
    gulp.watch('./css/*.scss',['sass']);
});
gulp.task('browser-sync',function(){
    var files=[
        './*.html',
        './css/*.css',
        './js/*.js',
        './img/*.{png,jpg,gif}'
    ];

    browserSync.init(files,{
        server:{
            baseDir:'./'
        }
    });
});


gulp.task('default',['browser-sync'],function(){
    gulp.start('sass:watch');
});`

package.json 文件

{
  "name": "confusion",
  "version": "1.0.0",
  "description": "This is a website for Ristorante Con Fusion",
  "main": "index.html",
  "scripts": {
    "start": "npm run watch:all",
    "test": "echo \"Error: no test specified\" && exit 1",
    "lite": "lite-server",
    "scss": "node-sass -o css/ css/",
    "watch:scss": "onchange \"css/*.scss\" --npm run scss",
    "watch:all": "parallelshell \"npm run watch:scss\" 'npm run lite'",
    "clean": "rimraf dist",
    "copyfonts": "copyfiles -f node_modules/font-awesome/fonts/* dist/fonts",
    "imagemin": "imagemin img/* -o dist/img",
    "usemin": "usemin contactus.html -d dist --htmlmin -o dist/contactus.html && usemin aboutus.html -d dist --htmlmin -o dist/aboutus.html && usemin index.html -d dist --htmlmin -o dist/index.html",
    "build": "npm run clean && npm run copyfonts && npm run imagemin && npm run usemin"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.7",
    "cssmin": "^0.4.3",
    "del": "^3.0.0",
    "grunt-browser-sync": "^2.2.0",
    "grunt-cli": "^1.2.0",
    "grunt-contrib-clean": "^1.1.0",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-copy": "^1.0.0",
    "grunt-contrib-cssmin": "^2.2.1",
    "grunt-contrib-htmlmin": "^2.4.0",
    "grunt-contrib-imagemin": "^3.1.0",
    "grunt-contrib-uglify": "^3.3.0",
    "grunt-contrib-watch": "^1.1.0",
    "grunt-filerev": "^2.3.1",
    "grunt-sass": "^2.1.0",
    "grunt-usemin": "^3.1.1",
    "gulp": "^4.0.2",
    "gulp-sass": "^3.1.0",
    "htmlmin": "0.0.7",
    "jit-grunt": "^0.10.0",
    "lite-server": "^2.3.0",
    "node-sass": "^4.12.0",
    "onchange": "^6.0.0",
    "parallelshell": "^3.0.2",
    "rimraf": "^2.6.2",
    "time-grunt": "^1.4.0",
    "uglifyjs": "^2.4.11",
    "usemin-cli": "^0.5.1"
  },
  "dependencies": {
    "bootstrap": "^4.3.1",
    "bootstrap-social": "^5.1.1",
    "font-awesome": "^4.7.0",
    "grunt": "^1.0.4",
    "jquery": "^3.4.1",
    "popper.js": "^1.12.9"
  }
}

我包含了 gulp.js 和 package.json 文件。

Answer 1

您正在 gulp4 文件中使用 gulp3 语法。

搜索你的错误信息 Task function must be specified 你会得到很多结果。

更改这些行:

gulp.task('sass:watch',function(){
    // gulp.watch('./css/*.scss',['sass']);

    gulp.watch('./css/*.scss', gulp.series('sass'));
    // gulp.watch('./css/*.scss', 'sass');    // should work too
});

和

// gulp.task('default',['browser-sync'],function(){
    //gulp.start('sass:watch');
// });

到

gulp.task('default', gulp.series('browser-sync', 'sass:watch'));

看起来您正在使用旧的 gulp3 教程，但寻找一些从 gulp3 到 gulp4 的迁移指南。