【gulp】Did you forget to signal async completion?

Did you forget to signal async completion?问题解决

问题出现

在学习使用前端自动化工具gulp时，测试一个task时，控制台显示如下提示：

查阅Stack Overflow,有以下几种解决办法。

现象

源代码（gulpfile.js）：

// 复制文件夹
gulp.task('copy',()=>{
    
    gulp.src('./src/images/*')
        .pipe(gulp.dest('dist/images'));

    gulp.src('./src/lib/*')
        .pipe(gulp.dest('dist/lib'));
})

报错

修改后的代码

// 复制文件夹
gulp.task('copy',async ()=>{

    await gulp.src('./src/images/*')
        .pipe(gulp.dest('dist/images'));

   await gulp.src('./src/lib/*')
        .pipe(gulp.dest('dist/lib'));
})

控制台输出

总结

在执行文件拷贝时需要一定的时间，而js的语法规范规定js是异步执行任务的，这就会提示你在执行操作时不要忘了这个单线程异步任务。
由于返回的是Promise对象，所以我使用的 async await 这个es7中promise的语法糖来解决异步提示问题。