首页 > 其他 > 详细

gulp 3.0 & 4.0 | watch task has to be a function问题

时间:2020-07-25 21:00:58      阅读:60      评论:0      收藏:0      [点我收藏+]

gulpfile.js

gulp.task(watch, function () {
    gulp.watch(./css/*.css,[css]);
    gulp.watch(./html/*.html,[html]);
    gulp.watch(./image/*.*,[image]);
    gulp.watch(./js/*.cjs,[js]);
});

报错:

[14:18:45] Error: watching css/*.css: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)
    at Gulp.watch (/Users/mac/Desktop/my_project/node_modules/gulp/index.js:31:11)
    at /Users/mac/Desktop/my_project/gulpfile.js:48:10
    at taskWrapper (/Users/mac/Desktop/my_project/node_modules/undertaker/lib/set-task.js:13:15)
    at bound (domain.js:425:14)
    at runBound (domain.js:438:12)
    at asyncRunner (/Users/mac/Desktop/my_project/node_modules/async-done/index.js:55:18)
    at processTicksAndRejections (internal/process/task_queues.js:79:9)

分析:

这个是由于require引入的包的版本问题导致的。在不同的版本里,接口参数发生了变化。在gulp4.0之后已经只能接受watch第二个参数必须为函数。详情请看官网

方法一:

改版本<4.0

方法二:

gulp.task(watch, function () {
    gulp.watch(./css/*.css,gulp.series([css]));
    gulp.watch(./html/*.html,gulp.series([html]));
    gulp.watch(./image/*.*,gulp.series([image])]);
    gulp.watch(./js/*.cjs,gulp.series([js]));
});

 

 

gulp.task(watch, function () {
    gulp.watch(./css/*.css,gulp.parallel([css]));
    gulp.watch(./html/*.html,gulp.parallel([html]));
    gulp.watch(./image/*.*,gulp.parallel([image])]);
    gulp.watch(./js/*.cjs,gulp.parallel([js]));
});

 

gulp 3.0 & 4.0 | watch task has to be a function问题

原文:https://www.cnblogs.com/shenZS/p/13376624.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!