The following tasks did not complete:first Did you forget to signal async completion?问题解决

问题

学习gulp的前端自动化构建，按照示例代码，跑了一个简单的task，控制台显示：
The following tasks did not complete: first
Did you forget to signal async completion?

源代码

const gulp = require('gulp');
gulp.task('first', async() => {
    console.log('Hello World!');
    // 1. 使用gulp.src获取要处理的文件
    gulp.src('./src/css/base.css')
        .pipe(gulp.dest('dist/css'));
});

控制台显示问题

The following tasks did not complete: first
Did you forget to signal async completion? 

问题解决

有两种解决方案

 第一种方法，使用 async 和 await

修改后代码：

const gulp = require('gulp');
gulp.task('first', async() => {
   await console.log('Hello World!');
   // 1. 使用gulp.src获取要处理的文件
   gulp.src('./src/css/base.css')
       .pipe(gulp.dest('dist/css'));
});

修改后控制台显示：

[13:18:37] Starting 'first'...
Hello World!
[13:18:37] Finished 'first' after 2.77 ms

第二种方法，即为官方发布方法

在不使用文件流的情况下，向task的函数里传入一个名叫done的回调函数，以结束task，如下代码所示：

gulp.task('first', done => {
  console.log('Hello World!');
  done();
});

done回调函数的作用是在task完成时通知Gulp（而不是返回一个流），而task里的所有其他功能都纯粹依赖Node来实现。