189 8069 5689
这篇文章主要介绍了gulp4中出现assert.js throw err AssertionError错误怎么办，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联建站成都企业网站建设服务，提供成都网站制作、做网站、外贸营销网站建设网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设公司,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:13518219792
由于更换电脑，重装环境，在gulp的时候总是报错
assert.js:350 throw err; ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.set [as _setTask]
查了很久才发现是gulp3.9.1和4.0的差别造成的。
Gulp 4最大的变化就是你不能像以前那样传递一个依赖任务列表。
Gulp3，如果有一个任务A，B和C的列表，你想在一个序列中运行A,B,和C，代码如下：
gulp.task('default', ['A', 'B, 'C']);在Gulp 4中，你不能再这样做了。你会得到以下错误：
assert.js:350 throw err; ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.set [as _setTask] (D:\python\project\前端工程化\shop\node_modules\undertaker\lib\set-task.js:1 0:3) at Gulp.task (D:\python\project\前端工程化\shop\node_modules\undertaker\lib\task.js:13:8) at Object.(D:\python\project\前端工程化\shop\gulpfile.js:34:6) at Module._compile (internal/modules/cjs/loader.js:688:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10) at Module.load (internal/modules/cjs/loader.js:598:32) at tryModuleLoad (internal/modules/cjs/loader.js:537:12) at Function.Module._load (internal/modules/cjs/loader.js:529:3) at Module.require (internal/modules/cjs/loader.js:636:17) at require (internal/modules/cjs/helpers.js:20:18)
不要用Gulp3的方式指定依赖任务，你需要使用gulp.series和gulp.parallel，因为gulp任务现在只有两个参数。
gulp.series：按照顺序执行
gulp.paralle：可以并行计算
gulp.task('my-tasks', gulp.series('a', 'b', 'c', function() {
// Do something after a, b, and c are finished.
}));gulp.task('build', gulp.parallel('styles', 'scripts', 'images', function () {
// Build the website.
}));或者这样
gulp.task('my-tasks', gulp.series('a', gulp.parallel('styles','scripts', 'images'), 'b', 'c', function() {
// Do something after a, b, and c are finished.
}));在Gulp 3中，可以让你的文件引用它们之前的任务，因为一切都是默认异步执行的。现在，您需要在依赖关系在您的gulp文件中定义之后放置调用依赖项的任务。否则，你会得到这样的错误：
assert.js:85
throw new assert.AssertionError({
^
AssertionError: Task never defined: serve
at getFunction (D:\python\project\前端工程化\shop\node_modules\undertaker\lib\helpers\normalizeArgs.js:15:5)
at arrayMap (D:\python\project\前端工程化\shopnode_modules\lodash.map\index.js:140:21)
at map (D:\python\project\前端工程化\shopnode_modules\lodash.map\index.js:1836:10)
at normalizeArgs (D:\python\project\前端工程化\shopnode_modules\undertaker\lib\helpers\normalizeArgs.js:19:10)
at Gulp.series (D:\python\project\前端工程化\shopnode_modules\undertaker\lib\series.js:13:14)
at Object. (D:\python\project\前端工程化\shop/gulpfile.js:41:27)
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) 解决方法：使依赖任务在文件的底部。
gulp4中需要指定task结束
gulp4中，必须告诉gulp我们的task任务已经完成了。gulp3中，我们不必要这么做，因为如果没有发出异步完成信号，那么当任务返回时，gulp会认为它已经完成了，gulp4中必须明确指出任务完成了。
使用回调函数作为您的任务的第一个参数，只需在完成时调用该函数。
gulp.task('clean', function(done) {
del(['build]);
done();
});告诉gulp任务完成的另一个常见方法是 返回(return) 一个流或者Promise：
gulp.task('minify:js', function() {
return gulp.src('client/**/*.js')
.pipe(minify())
.pipe(gulp.dest('build'));
});gulp.task('message', function() {
return new Promise(function(resolve, reject) {
console.log("HTTP Server Started");
resolve();
});
});我的Gulp 3文件没有问题，在HTML重建上进行刷新，并在CSS更改上进行闪电般的风格注入，但升级到Gulp 4后，浏览器现在会在CSS更改后重新加载。
需要以不同的方式做三件事。首先确保您将一个文件数组传递给Browsersync构造函数
var bsConfig = {
server: 'build',
files: [
'build'
],
open: false,
};
gulp.task('browserSync', function() {
bs.init(bsConfig);
});其次，如果你有任务bs.stream()结束styles，你可以删除它。
第三，当你想在你的开发服务器上进行实时风格注入时，你的watch和browserSync任务需要并行运行， 而不是终止，就像这样：
gulp.task('serve', gulp.series('build', gulp.parallel('watch', 'browserSync')));感谢你能够认真阅读完这篇文章，希望小编分享的“gulp4中出现assert.js throw err AssertionError错误怎么办”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!