Did you forget to signal async completion?解决方案

相信看到这边文章的小伙伴，在学习和使用gulp时都遇到了这样的报错：

[09:18:40] The following tasks did not complete: first
[09:18:40] Did you forget to signal async completion?

提示你开启异步操作，但是我们有时候需要同步操作该怎么办呢？

// 1、引入gulp
const gulp = require('gulp');

// 2、创建 gulp 任务
// 使用 gulp.task 创建任务
// 第一个变量是 任务名，第二个是回调函数
gulp.task('first', () => {
    console.log('这是我的第一个gulp 任务');
    // 使用 gulp.src 获取要处理的文件
    gulp.src('./src/css/base.css')
        // gulp.dest 输出要处理的文件
        .pipe(gulp.dest('dist/css'));
})

代码运行后就会出现如下问题：

解决方法1：这个问题出现的原因是：gulp 4.0 的任务函数中，如果任务是同步的，需要使用 done 回调。这样做是为了让 gulp 知道你的任务何时完成。

添加完done回调就可以顺利执行了。

gulp.task('first', (done) => {
    console.log('这是我的第一个gulp 任务');
    // 使用 gulp.src 获取要处理的文件
    gulp.src('./src/css/base.css')
        // gulp.dest 输出要处理的文件
        .pipe(gulp.dest('dist/css'));
    done()
})

解决方法2，不使用 done 回调也可以正常编译，只需把 gulp 语句 return 返回就可以了

gulp.task('first', () => {
    console.log('这是我的第一个gulp 任务');
    // 使用 gulp.src 获取要处理的文件
    return gulp.src('./src/css/base.css')
        // gulp.dest 输出要处理的文件
        .pipe(gulp.dest('dist/css'));
})

这样也可以正常编译。