【Bug流水账】安装Gulp中出现Gulp-cli安装失败的问题及解决方法

今天下载Gulp时，创建了如下的文件目录

然后在命令行中执行下载gulp-cli到D:\webTools\node\gulp-demo

PS D:\webTools\node\gulp-demo>npm install gulp-cli -g

出现报错，同时gulp-demo文件目录下是空的，gulp-demo的同级文件夹node-modules中出现gulp相关文件，试过将gulpfile.js放在node文件夹下，或者放在gulp-demo文件夹下都无法成功执行

最后尝试：

PS D:\webTools\node\gulp-demo\npm link gulp
D:\webTools\node\gulp-demo\node_modules\gulp -> C:\Users\王大妈\AppData\Roaming\npm\node_modules\gulp

在应用程序目录中运行（以创建指向全局安装的Gulp模块的本地链接）
终于可以在gulp-demo文件夹下下载gulp-cli

然后编写gulpfile.js文件

const gulp = require ('gulp');

gulp.task('first', () => {
    console.log('第一个gulp任务执行了');
    gulp.src('src/css/alibaixiu-index.css')
        .pipe(gulp.dest('dist/css'));
} );

在命令行中执行

PS D:\webTools\node\gulp-demo> gulp first
[23:13:19] Using gulpfile D:\webTools\node\gulp-demo\gulpfile.js
[23:13:19] Starting 'first'...
第一个gulp任务执行了
[23:13:19] The following tasks did not complete: first
[23:13:19] Did you forget to signal async completion?

又出现报错，最后查找相关博客解决

转载自奋斗的小绿萝，原博客链接https://blog.csdn.net/weixin_40817115/article/details/81079507
背景
学习gulp的前端自动化构建，按照示例代码，跑了一个简单的task，控制台打出如下提示：
The following tasks did not complete: testGulp
Did you forget to signal async completion?
查阅Stack Overflow，表示有五种解决办法，在这里提供一种更简单的改法。
问题重现
原代码：
const gulp = require(‘gulp’);
gulp.task(‘testGulp’, () => {
console.log(‘Hello World!’);
});
控制台报错：
The following tasks did not complete: testGulp
Did you forget to signal async completion?
解决方法，使用 async 和 await。
修改后代码
const gulp = require(‘gulp’);
gulp.task(‘testGulp’, async() => {
await console.log(‘Hello World!’);
});
控制台输出正常
[13:18:37] Starting ‘testGulp’…
Hello World!
[13:18:37] Finished ‘testGulp’ after 2.77 ms
附官方方法
在不使用文件流的情况下，向task的函数里传入一个名叫done的回调函数，以结束task，如下代码所示：
gulp.task(‘testGulp’, done => {
console.log(‘Hello World!’);
done();
});
done回调函数的作用是在task完成时通知Gulp（而不是返回一个流），而task里的所有其他功能都纯粹依赖Node来实现。

将代码改为

const gulp = require ('gulp');

gulp.task('first', done => {
    console.log('第一个gulp任务执行了');
    gulp.src('src/css/alibaixiu-index.css')
        .pipe(gulp.dest('dist/css'));
        done();
} );

执行first

PS D:\webTools\node\gulp-demo> gulp first
[23:20:45] Using gulpfile D:\webTools\node\gulp-demo\gulpfile.js
[23:20:45] Starting 'first'...
第一个gulp任务执行了
[23:20:45] Finished 'first' after

同时dist文件夹下也自动生成了css文件夹与css文件

本文地址：https://blog.csdn.net/within1125/article/details/109251206