每次我运行吞咽任何东西，我得到一个断言错误。-任务函数必须指定

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

$ gulp build

在我的终端和我得到这个断言错误。我已经卸载了节点和 NPM，并重新安装与这些步骤使用 brew-如何完全卸载 Node.js，并从头重新安装(Mac OS X) 。我的节点版本是 v10.5.0，npm 版本是 6.1.0。

我的系统是 MacOS High Sierra 10.13.2

assert.js:269
throw err;
^


AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (bulkit/startup-kit/node_modules/undertaker/lib/set-task.js:10:3)
at Gulp.task (startup-kit/node_modules/undertaker/lib/task.js:13:8)
at Object.<anonymous>
at Module._compile (internal/modules/cjs/loader.js:702:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
at Module.load (internal/modules/cjs/loader.js:612:32)
at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
at Function.Module._load (internal/modules/cjs/loader.js:543:3)
at Module.require (internal/modules/cjs/loader.js:650:17)
at require (internal/modules/cjs/helpers.js:20:18)

包裹 Json

{
"name": "bulkit-startup",
"version": "0.0.1",
"description": "Bulkit Startup Kit",
"main": "Gruntfile.js",
"devDependencies": {
"autoprefixer": "^6.3.6",
"browser-sync": "^2.24.5",
"gulp": "^4.0.0",
"gulp-clean": "^0.3.2",
"gulp-concat": "^2.6.0",
"gulp-postcss": "^6.1.0",
"gulp-sass": "^2.2.0",
"gulp-sourcemaps": "^1.6.0",
"jquery": "^3.3.1",
"mq4-hover-shim": "^0.3.0",
"panini": "^1.3.0",
"rimraf": "^2.5.2"
},
"engines": {
"node": ">=0.10.1"
},
"scripts": {
"start": "gulp",
"build": "gulp build"
},
"repository": {
"type": "git",
"url": "https://github.com/cssninjaStudio/bulkit.git"
},
"bugs": {
"url": "https://github.com/cssninjaStudio/bulkit/issues",
"email": "support@cssninja.io"
},
"author": "Css Ninja <hello@cssninja.io> (https://cssninja.io/themes/bulkit)",
"license": "Commercial",
"private": true,
"dependencies": {
"bulma": "^0.7.0",
"del": "^3.0.0",
"jquery-waypoints": "^2.0.5",
"jquery.counterup": "^2.1.0",
"scrollreveal": "^3.4.0",
"slick-carousel": "^1.8.1",
"wallop": "^2.4.1"
}
}

Gulpfile.js

var gulp = require('gulp');
var clean = require('gulp-clean');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var mq4HoverShim = require('mq4-hover-shim');
var rimraf = require('rimraf').sync;
var browser = require('browser-sync');
var panini = require('panini');
var concat = require('gulp-concat');
var port = process.env.SERVER_PORT || 8080;
var nodepath =  'node_modules/';
var assetspath =  'assets/';


// Starts a BrowerSync instance
gulp.task('server', ['build'], function(){
browser.init({server: './_site', port: port});
});


// Watch files for changes
gulp.task('watch', function() {
gulp.watch('scss/**/*', ['compile-scss', browser.reload]);
gulp.watch('sass/**/*', ['compile-sass', browser.reload]);
gulp.watch('js/**/*', ['copy-js', browser.reload]);
gulp.watch('images/**/*', ['copy-images', browser.reload]);
gulp.watch('html/pages/**/*', ['compile-html']);
gulp.watch(['html/{layouts,includes,helpers,data}/**/*'], ['compile-html:reset','compile-html']);
gulp.watch(['./src/{layouts,partials,helpers,data}/**/*'], [panini.refresh]);
});


// Erases the dist folder
gulp.task('reset', function() {
rimraf('bulma/*');
rimraf('scss/*');
rimraf('assets/css/*');
rimraf('assets/fonts/*');
rimraf('images/*');
});


// Erases the dist folder
gulp.task('clean', function() {
rimraf('_site');
});


// Copy Bulma filed into Bulma development folder
gulp.task('setupBulma', function() {
//Get Bulma from node modules
gulp.src([nodepath + 'bulma/*.sass']).pipe(gulp.dest('bulma/'));
gulp.src([nodepath + 'bulma/**/*.sass']).pipe(gulp.dest('bulma/'));
});


// Copy static assets
gulp.task('copy', function() {
//Copy other external font and data assets
gulp.src(['assets/fonts/**/*']).pipe(gulp.dest('_site/assets/fonts/'));
gulp.src([nodepath + 'slick-carousel/slick/fonts/**/*']).pipe(gulp.dest('_site/assets/css/fonts/'));
gulp.src([nodepath + 'slick-carousel/slick/ajax-loader.gif']).pipe(gulp.dest('_site/assets/css/'));
});


//Theme Sass variables
var sassOptions = {
errLogToConsole: true,
outputStyle: 'compressed',
includePaths: [nodepath + 'bulma/sass']
};


//Theme Scss variables
var scssOptions = {
errLogToConsole: true,
outputStyle: 'compressed',
includePaths: ['./scss/partials']
};


// Compile Bulma Sass
gulp.task('compile-sass', function () {
var processors = [
mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.is-true-hover ' }),
autoprefixer({
browsers: [
"Chrome >= 45",
"Firefox ESR",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
})//,
//cssnano(),
];
//Watch me get Sassy
return gulp.src('./bulma/bulma.sass')
.pipe(sourcemaps.init())
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(postcss(processors))
.pipe(sourcemaps.write())
.pipe(gulp.dest('./_site/assets/css/'));
});


// Compile Theme Scss
gulp.task('compile-scss', function () {
var processors = [
mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.is-true-hover ' }),
autoprefixer({
browsers: [
"Chrome >= 45",
"Firefox ESR",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
})//,
//cssnano(),
];
//Watch me get Sassy
return gulp.src('./scss/core.scss')
.pipe(sourcemaps.init())
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(postcss(processors))
.pipe(sourcemaps.write())
.pipe(gulp.dest('./_site/assets/css/'));
});


// Compile Html
gulp.task('compile-html', function() {
gulp.src('html/pages/**/*.html')
.pipe(panini({
root: 'html/pages/',
layouts: 'html/layouts/',
partials: 'html/includes/',
helpers: 'html/helpers/',
data: 'html/data/'
}))
.pipe(gulp.dest('_site'))
.on('finish', browser.reload);
});


gulp.task('compile-html:reset', function(done) {
panini.refresh();
done();
});


// Compile css from node modules
gulp.task('compile-css', function() {
return gulp.src([
nodepath + 'slick-carousel/slick/slick.css',
nodepath + 'slick-carousel/slick/slick-theme.css',
nodepath + 'wallop/css/wallop.css',
//Additional static css assets
assetspath + 'css/icons.min.css',
])
.pipe(concat('app.css'))
.pipe(gulp.dest('./_site/assets/css/'));
});


// Compile js from node modules
gulp.task('compile-js', function() {
return gulp.src([
nodepath + 'jquery/dist/jquery.min.js',
nodepath + 'slick-carousel/slick/slick.min.js',
nodepath + 'scrollreveal/dist/scrollreveal.min.js',
nodepath + 'waypoints/lib/jquery.waypoints.min.js',
nodepath + 'waypoints/lib/shortcuts/sticky.min.js',
nodepath + 'jquery.counterup/jquery.counterup.min.js',
nodepath + 'wallop/js/Wallop.min.js',
//Additional static js assets
assetspath + 'js/ggpopover/ggpopover.min.js',
assetspath + 'js/ggpopover/ggtooltip.js',
assetspath + 'js/embed/embed.js',
assetspath + 'js/gmap/gmap.min.js',
])
.pipe(concat('app.js'))
.pipe(gulp.dest('./_site/assets/js/'));
});


//Copy Theme js to production site
gulp.task('copy-js', function() {
gulp.src('js/**/*.js')
.pipe(gulp.dest('./_site/assets/js/'));
});


//Copy images to production site
gulp.task('copy-images', function() {
gulp.src('images/**/*')
.pipe(gulp.dest('./_site/assets/images/'));
});


gulp.task('init', ['setupBulma']);
gulp.task('build', ['clean','copy', 'compile-js', 'compile-css', 'copy-js', 'compile-sass', 'compile-scss', 'compile-html', 'copy-images']);
gulp.task('default', ['server', 'watch']);

164840

小开

最佳答案

Gulp 4.0已经改变了如果任务依赖于要执行的另一个任务时任务的定义方式。已不推荐使用 list 参数。

Js 中的一个例子是:

// Starts a BrowerSync instance
gulp.task('server', ['build'], function(){
browser.init({server: './_site', port: port});
});

他们没有引入 list 参数，而是引入了 gulp.series()和 gulp.parallel()。

这项任务应该改为这样的内容:

// Starts a BrowerSync instance
gulp.task('server', gulp.series('build', function(){
browser.init({server: './_site', port: port});
}));

我不是这方面的专家。您可以在系列运行任务的吞吐文档中看到一个更加健壮的例子，或者以下杰伊 · 汤普金斯和斯蒂芬 · 鲍姆加特纳的优秀博客文章

Https://codeburst.io/switching-to-gulp-4-0-271ae63530c0

Https://fettblog.eu/gulp-4-parallel-and-series/

小开

将 package.json 文件中的 Gulp 版本降低到3.9.1-

"gulp": "^3.9.1",

小开

Https://fettblog.eu/gulp-4-parallel-and-series/

因为 gulp.task(name, deps, func)被 gulp.task(name, gulp.{series|parallel}(deps, func))取代。

您使用的是 Gulp 的最新版本，但是使用的是较老的代码 。

小开

我在使用 Gulp 时也会得到同样的错误。解决方案是切换到 Gulp 版本3.9.1，无论是本地版本还是 CLI 版本。

sudo npm install -g gulp@3.9.1

在项目的文件夹中运行

npm install gulp@3.9.1

小开

你不需要从 第四杯降低你的饮水量。使用 Gulp.Series ()组合多个任务。首先在全球范围内安装

npm install --global gulp-cli

然后安装在你的工作目录上

npm install --save-dev gulp

你可在此查阅详情

例如:

包裹 Json

{
"name": "gulp-test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.26.3",
"gulp": "^4.0.0",
"gulp-sass": "^4.0.2"
},
"dependencies": {
"bootstrap": "^4.3.1",
"jquery": "^3.3.1",
"popper.js": "^1.14.7"
}
}

Gulpfile.js

var gulp = require("gulp");
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();


// Specific Task
function js() {
return gulp
.src(['node_modules/bootstrap/dist/js/bootstrap.min.js', 'node_modules/jquery/dist/jquery.min.js', 'node_modules/popper.js/dist/umd/popper.min.js'])
.pipe(gulp.dest('src/js'))
.pipe(browserSync.stream());
}
gulp.task(js);


// Specific Task
function gulpSass() {
return gulp
.src(['src/scss/*.scss'])
.pipe(sass())
.pipe(gulp.dest('src/css'))
.pipe(browserSync.stream());
}
gulp.task(gulpSass);


// Run multiple tasks
gulp.task('start', gulp.series(js, gulpSass));

运行 gulp start触发多个任务，并为特定任务运行 gulp js或 gulp gulpSass。

小开

步骤:

“ Gulp”: “ ^ 3.9.1”,
Npm 安装
一口气吃完

小开

尝试替换最后一行 Gulpfile.js

gulp.task('default', ['server', 'watch']);

和

gulp.task('default', gulp.series('server', 'watch'));

小开

为了修复错误而不断更改 Gulp & npm 版本是不好的。在重新安装我的工作机器后的最后几天，我得到了几个例外。浪费了大量的时间重新安装和修复。

所以，我决定升级到最新的版本:

npm -v : v12.13.0
node -v : 6.13.0
gulp -v : CLI version: 2.2.0 Local version: 4.0.2

出现这个错误是因为它在 Gulpfile 中的编码方式，而不是版本不匹配。因此，在这里你必须改变2件事情在 Gulpfile 与 Gulp 版本4对齐。 Gulp 4改变了启动任务的方式，而不是 Version3。

在版本4中，必须将任务定义为一个函数，然后才能通过字符串名称将其调用为 Gulp 任务。在 V3中:

Task (‘ server’，[‘ sass’] ，function (){ . . }) ;

但在 V4中，应该是这样的:

function serve() {
...
}
gulp.task('serve', gulp.series(sass));

正如@Arthur 所提到的，您需要改变将参数传递给任务函数的方式。在 V3中是这样的:

Task (‘ server’，[‘ sass’] ，function (){ ... });

但在 V4中，它应该是:

gulp.task('serve', gulp.series(sass));

小开

问题是您使用的是 Gulp4，而 Gulfile.js 中的语法是 Gulp3。所以，要么把你的 Gulp 降级到3.x.x，要么使用 Gulp 4语法。

语法吞吐3:

gulp.task('default', ['sass'], function() {....} );

语法吞吐4:

gulp.task('default', gulp.series(sass), function() {....} );

你可以阅读更多关于吞咽和吞咽任务的内容: Https://medium.com/@sudoanushil/how-to-write-gulp-tasks-ce1b1b7a7e81

小开

将[]替换为 Gulp.Series ()对我来说确实很有用，我需要做的另一个更改是移动我的主要任务‘ Ex。Gulp main-task’到 Gulp 文件的末尾，使用 Gulp v4.02

小开

在从 Gulp 3.x 迁移到 Gulp 4.x 的过程中，我们经常会遇到以下错误:

错误:

AssertionError [ ERR _ ASSERTION ] : 必须指定任务函数
AssertionError [ ERR _ ASSERTION ] : 从未定义任务:
以下任务没有完成: 您是否忘记发出异步完成的信号？

以下是关于任务定义和执行的几点注意事项:

首先定义任务
使用返回
然后使用 Gulp.Series ()执行

这里，是快速 与 Gulp v4一起工作的 Gulp 代码:

// First define task with Return
gulp.task('css-minify', function () {
return gulp.src('assets/images/*.*')
.pipe(smushit({verbose: true}))
.pipe(gulp.dest('assets/images'));
});


// Then execute task with bracket '()' instead of '[]'
gulp.task('default', gulp.series('css-minify'));

小开

在用 Gulp.task (Gulp.Series ())更新 Gulp.task ()之后进行工作;

小开

将数组替换为:

gulp.task('default', ['task1', 'task2','task3']);

与 Gulp.Series ()合作

gulp.task('default', gulp.series('task1', 'task2','task3'));