分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

gulp4坑:assert.js ?throw err ?AssertionError

发布时间:2023-09-06 02:25责任编辑:彭小芳关键词:js
前情:
  • 由于更换电脑,重装环境,在gulp的时候总是报错
assert.js:350 ???throw err; ???^AssertionError [ERR_ASSERTION]: Task function must be specified ???at Gulp.set [as _setTask]

查了很久才发现是gulp3.9.1和4.0的差别造成的。

gup3 VS gulp4 区别

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:10:3) ???at Gulp.task (D:\python\project\前端工程化\shop\node_modules\undertaker\lib\task.js:13:8) ???at Object.<anonymous> (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.<anonymous> (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‘)));

参考
https://github.com/gulpjs/gulp/blob/master/docs/API.md
https://www.fastless.com/gulp-4

gulp4坑:assert.js ?throw err ?AssertionError

原文地址:http://blog.51cto.com/445153/2329283

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved