欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-07 21:44:08
今天下载Gulp时,创建了如下的文件目录然后在命令行中执行下载gulp-cli到D:\webTools\node\gulp-demoPS D:\webTools\node\gulp-demo>npm install gulp-cli -g出现报错,同时gulp-demo文件目录下是空的,gulp-demo的同级文件夹node-modules中出现gulp相关文件,试过将gulpfile.js放在node文件夹下,或者放在gulp-demo文件夹下都无法成功执行最后尝试:PS D:\web...

今天下载Gulp时,创建了如下的文件目录
【Bug流水账】安装Gulp中出现Gulp-cli安装失败的问题及解决方法
然后在命令行中执行下载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文件

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

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