Gulp error: watch task has to be a function问题的解决

最新推荐文章于 2020-10-13 14:33:52 发布

原创最新推荐文章于 2020-10-13 14:33:52 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#gulp #node.js #Django #watch

django 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了Gulp任务配置中的常见问题及解决方案，详细分析了由于包版本不匹配导致的任务执行错误，并提供了两种有效的修改策略：一是更新任务监听方式，二是调整依赖包版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件代码展示

gulp.task('watch',function () {
    gulp.watch(path.css+'*.scss',['css']);
    gulp.watch(path.html+'*.html',['html']);
    gulp.watch(path.js+'*.js',['js']);
    gulp.watch(path.images+'*.*',['images'])
});

gulp.task('bs',function () {
    bs.init({
        'server':{
            'baseDir':'./'
        }
    });
});

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

如上，为我的gulpfile代码，感觉没有问题，可是确报错如下：
在这里插入图片描述

一番探索之后，发现这个是由于require引入的包的版本问题导致的。在不同的版本里，接口参数发生了变化。

第一种修改：

gulp.task("watch",function () {
	// gulp.watch("./css/*.css",['css']);
	gulp.watch("./css/*.css",gulp.series("css"))
});

gulp.task("default",gulp.series('bs','watch'))

第二种修改

在package.json中将devDependencies中的包修改为正确的版本。

"devDependencies": {
    "browser-sync": "^2.26.3",
    "gulp": "^4.0.0",
    "gulp-cache": "^1.0.2",
    "gulp-concat": "^2.6.1",
    "gulp-cssnano": "^2.1.3",
    "gulp-imagemin": "^5.0.3",
    "gulp-rename": "^1.4.0",
    "gulp-uglify": "^3.0.1",
    "imagemin": "^6.0.0"
  }

问题解决