Gulp运行报错Task never defined: default如何解决？

报错原因 #

你使用的是Gulp 4.x版本，直接执行gulp命令时，会默认调用配置文件中名为default的任务，你当前的gulpfile.js中仅定义了webp、live两个任务，未声明default任务，因此触发该报错。

修复方法 #

方法1：指定任务名执行 #

不需要修改配置文件，运行命令时主动指定要执行的任务名称即可：

• 执行webp图片转换任务：gulp webp
• 执行浏览器自动刷新监听任务：gulp live

方法2：新增default默认任务 #

在gulpfile.js末尾添加default任务定义，根据你的需求选择串行或并行编排已有任务：

// 方案A：串行执行，先完成webp转换，再启动live监听
gulp.task('default', gulp.series('webp', 'live'));

// 方案B：并行执行，同时启动webp转换和live监听
// gulp.task('default', gulp.parallel('webp', 'live'));

添加后直接运行gulp命令即可触发默认任务。

额外注意事项 #

你当前配置中的live任务缺少browserSync初始化逻辑，直接运行不会生成本地服务，可修改为以下完整配置：

gulp.task('live', function () {
  // 初始化本地预览服务
  browserSync.init({
    server: {
      baseDir: './app'
    }
  });
  gulp.watch('**/*.css').on('change', function () {
    browserSync.reload();
  });
});

内容的提问来源于stack exchange，提问作者Uros