Node.js 谷歌';在git bash命令行终端中运行gulp时发生Web初学者工具包错误

Node.js 谷歌';在git bash命令行终端中运行gulp时发生Web初学者工具包错误,node.js,git,bash,windows-7,gulp,Node.js,Git,Bash,Windows 7,Gulp,我是一个初级前端设计师和开发人员(不到6个月的经验),我正在为我的投资组合开发我的第一个网站 我正在运行Windows7的东芝笔记本电脑上构建这个项目,我正在使用谷歌的WebStarter工具包。为了在我的项目中使用WSK,我必须学习如何设置/安装并基本了解一些新技术——Ruby、Sass、Node.js、Git和Gulp。但是除了对如何设置它们、它们是什么、它们做什么以及如何在我的项目中以非常基本的水平使用它们有一个非常基本的了解之外,我对所有这些新技术都是一个新手 每次在git bash终端

我是一个初级前端设计师和开发人员(不到6个月的经验),我正在为我的投资组合开发我的第一个网站

我正在运行Windows7的东芝笔记本电脑上构建这个项目,我正在使用谷歌的WebStarter工具包。为了在我的项目中使用WSK,我必须学习如何设置/安装并基本了解一些新技术——Ruby、Sass、Node.js、Git和Gulp。但是除了对如何设置它们、它们是什么、它们做什么以及如何在我的项目中以非常基本的水平使用它们有一个非常基本的了解之外,我对所有这些新技术都是一个新手

每次在git bash终端中对我的项目运行gulp命令时,我都会遇到一个问题,我会收到以下错误消息:

$ gulp
[09:43:45] Using gulpfile c:\Users\Saint Warhead\Desktop\Current Projects\Lillie
Monster\Site-Lillie-Monster\gulpfile.js
[09:43:46] Starting 'clean'...
[09:43:46] Finished 'clean' after 41 ms
[09:43:46] Starting 'default'...
[09:43:46] Starting 'styles:components'...
[09:44:06] Starting 'styles:scss'...
[09:44:06] Starting 'styles:css'...
[09:44:11] gulp-size: 'styles:css' total 0 B
[09:44:11] Finished 'styles:css' after 4.52 s
[09:44:11] gulp-size: 'styles:scss' total 0 B
[09:44:11] Finished 'styles:scss' after 4.95 s
[09:44:22] gulp-size: 'styles:components' total 67.13 kB
[09:44:22] Finished 'styles:components' after 36 s
[09:44:22] Starting 'styles'...
[09:44:22] Finished 'styles' after 31 μs
[09:44:22] Starting 'jshint'...
[09:44:35] Starting 'html'...
[09:45:06] Starting 'images'...
[09:45:28] Starting 'fonts'...
[09:45:29] Starting 'copy'...

events.js:74
throw TypeError('Uncaught, unspecified "error" event.');
^
TypeError: Uncaught, unspecified "error" event.
at TypeError ()
at Transform.emit (events.js:74:15)
at Transform.onerror (c:\Users\Saint Warhead\Desktop\Current Projects\Lillie
Monster\Site-Lillie-Monster\node_modules\gulp\node_modules\vinyl-fs\node_module
s\through2\node_modules\readable-stream\lib_stream_readable.js:540:12)
at Transform.emit (events.js:95:17)
at Transform. (c:\Users\Saint Warhead\Desktop\Current Projects\Li
llie Monster\Site-Lillie-Monster\node_modules\gulp-useref\index.js:80:42)
at Array.forEach (native)
at Transform. (c:\Users\Saint Warhead\Desktop\Current Projects\Li
llie Monster\Site-Lillie-Monster\node_modules\gulp-useref\index.js:68:35)
at Array.forEach (native)
at Transform. (c:\Users\Saint Warhead\Desktop\Current Projects\Li
llie Monster\Site-Lillie-Monster\node_modules\gulp-useref\index.js:46:36)
at Array.forEach (native)
老实说,我不知道这个错误是什么意思,也不知道是什么原因造成的,也不知道如何修复它。而且这并没有真正影响到我在这个项目上的工作能力,至少我没有注意到这一点。我通读了一些类似问题请求的评论,但提供的解决方案似乎有点超出了我的理解力,我很难弄清楚我需要做些什么来解决它,或者如果我真的解决了它,这是否有必要?任何建议或协助,你可以传递给这个起步开发人员将不胜感激!非常感谢您抽出时间


哦,如果您需要访问源文件,这里有一个指向GitHub上我的项目的远程存储库的链接:

问题来自您的
html
任务,特别是来自
gulp useref

调试错误输出时,他似乎找不到加载了CDN的资产。在GoogleWebStarter工具包中,只有
icomoon
GoogleFonts
是相关的

gulp useref存储库中有一个关于这一点的问题,但自从0.5.0发布以来,它已通过使用该插件得到修复

问题是(在我的环境中,也很可能在你的环境中)插件不能说文件:

/home/apercu/git/Site-Lillie-Monster/{.tmp,app}/http:/fonts.googleapis.com/css?family=Raleway:400
是一个url,尝试查找它失败,导致gulp useref中断

一些简单的方法来摆脱它:

1) 在gulp useref资产上添加错误回调:

.pipe($.useref.assets({searchPath: '{.tmp,app}'})).on('error', function (err) {
  console.log(err);                                                         
}) 
2) 删除所有CDN链接并直接在项目上添加资产

我不会说你应该采取什么样的解决方案,即使我个人更喜欢将我的项目所需的所有文件保存在我的源代码中。()

最后一个问题:您应该从中替换您的gulpfile的140行

.pipe($.useref.restore())


在我的项目中直接添加了Google字体和icomoon资产,去掉了html文件中的CDN链接,我将更改推送到GitHub上的远程回购。但是,现在它只生成一个新错误:错误:uncss/node_modules/css:property在第4113:14行附近缺少值->padding:;然后它后面是一堆废话废话你没有更改gulpfile的140行,但我不明白你的错误,你确定你的css没有语法错误或什么吗?我更改了gulpfile的140行,但这也产生了一个新的错误,所以我把它改回来了。尝试在我的css文件中查找任何空白填充样式。成功!触发错误的填充样式为空。gulp命令现在在没有cdn链接的情况下无错误运行。谢谢
.pipe($.useref.assets().restore())