在使用Gulp File TypeError时,我可以摆脱此问题:无法读取未定义的属性(Reading' pipe')
我正在尝试将我的墨西哥湾设置为未来的项目,并且在FIRT阶段陷入了一个问题,无论我如何处理我的代码: 这是:
"TypeError: Cannot read properties of undefined (reading 'pipe')
at pipe (D:\HTML\NodeJs\Gulp\src\node_modules\pump\index.js:56:15)
at Array.reduce (D:\HTML\NodeJs\Gulp\src\node_modules\ometa\lib.js:101:9)
at pump (D:\HTML\NodeJs\Gulp\src\node_modules\pump\index.js:79:11)
at Pumpify.setPipeline (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:39:5)
at new Pumpify (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:15:30)
at Function.Pumpify [as obj] (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:13:44)
at globStream (D:\HTML\NodeJs\Gulp\src\node_modules\glob-stream\index.js:73:18)
at Gulp.src (D:\HTML\NodeJs\Gulp\src\node_modules\vinyl-fs\lib\src\index.js:24:5)
at operationsWithJsFiles (D:\HTML\NodeJs\Gulp\src\gulpfile.js:23:12)
at bound (node:domain:421:15)"
我的代码:
// Importing gulp modules
let {Gulp,parallel,dest,series,src, tree} = require('gulp')
let cleanCss = require('clean-css')
let uglify = require('gulp-uglify')
let scss = require('gulp-scss')(require('scss'))
let concat = require('gulp-concat')
let autoprefixer = require('gulp-autoprefixer')
let path = require('path')
let rename = require('gulp-rename')
// Minimizing js files
function operationsWithJsFiles(){
return src('js/*.js',[{allowEmpty:true}])
.pipe(uglify())
.pipe(rename({
extname:'.min.js'
}))
.pipe(concat('AllJs.js'))
.pipe(dest('../Dist'))
}
// Minimizing scss files
function operationsWithScssFiles(){
return src('scss/*.scss')
.pipe(scss())
.pipe(autoprefixer({
cascade:false
}))
.pipe(rename({
extname:'.min.css'
}))
.pipe(concat('AllCss.css'))
.pipe(dest('../Dist'))
}
exports.default = parallel(operationsWithJsFiles,operationsWithScssFiles)
PS:我正确检查了目录 pps:我的目录路径可能看起来令人困惑和有趣的XD
I am trying to setup my gulpfile for future projects and on the firt stage bumped into a problem that accompanies me no matter what do I do with my code:
Here it is :
"TypeError: Cannot read properties of undefined (reading 'pipe')
at pipe (D:\HTML\NodeJs\Gulp\src\node_modules\pump\index.js:56:15)
at Array.reduce (D:\HTML\NodeJs\Gulp\src\node_modules\ometa\lib.js:101:9)
at pump (D:\HTML\NodeJs\Gulp\src\node_modules\pump\index.js:79:11)
at Pumpify.setPipeline (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:39:5)
at new Pumpify (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:15:30)
at Function.Pumpify [as obj] (D:\HTML\NodeJs\Gulp\src\node_modules\pumpify\index.js:13:44)
at globStream (D:\HTML\NodeJs\Gulp\src\node_modules\glob-stream\index.js:73:18)
at Gulp.src (D:\HTML\NodeJs\Gulp\src\node_modules\vinyl-fs\lib\src\index.js:24:5)
at operationsWithJsFiles (D:\HTML\NodeJs\Gulp\src\gulpfile.js:23:12)
at bound (node:domain:421:15)"
My code:
// Importing gulp modules
let {Gulp,parallel,dest,series,src, tree} = require('gulp')
let cleanCss = require('clean-css')
let uglify = require('gulp-uglify')
let scss = require('gulp-scss')(require('scss'))
let concat = require('gulp-concat')
let autoprefixer = require('gulp-autoprefixer')
let path = require('path')
let rename = require('gulp-rename')
// Minimizing js files
function operationsWithJsFiles(){
return src('js/*.js',[{allowEmpty:true}])
.pipe(uglify())
.pipe(rename({
extname:'.min.js'
}))
.pipe(concat('AllJs.js'))
.pipe(dest('../Dist'))
}
// Minimizing scss files
function operationsWithScssFiles(){
return src('scss/*.scss')
.pipe(scss())
.pipe(autoprefixer({
cascade:false
}))
.pipe(rename({
extname:'.min.css'
}))
.pipe(concat('AllCss.css'))
.pipe(dest('../Dist'))
}
exports.default = parallel(operationsWithJsFiles,operationsWithScssFiles)
P.s: I checked my directories properly, so, I believe, gulp has no issues with finding files
P.p.s: My directory path may look confusing and hilarious xD
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
更改此行:
对
您可能会被
文档中的混淆, gulp.src签名< /a>
但签名中的封闭式
[]
仅表示该参数为可选。这些选项实际上并未进入括号。因此,选项
只是{}
对象。Change this line:
to
You may have been confused by
in the documentation, gulp.src signature
But the enclosing
[]
in the signature only indicate that that parameter is optional. The options don't actually go into the brackets. Sooptions
is just a{}
object.