谷歌的Web初学者工具包在git bash命令行终端中运行gulp时出错



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

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

我遇到了一个问题,每次我运行gulp命令在我的项目在我的git bash终端,我得到这个错误信息:

$ gulp
[09:43:45] Using gulpfile c:UsersSaint WarheadDesktopCurrent ProjectsLillie
MonsterSite-Lillie-Monstergulpfile.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:UsersSaint WarheadDesktopCurrent ProjectsLillie
MonsterSite-Lillie-Monsternode_modulesgulpnode_modulesvinyl-fsnode_module
sthrough2node_modulesreadable-streamlib_stream_readable.js:540:12)
at Transform.emit (events.js:95:17)
at Transform. (c:UsersSaint WarheadDesktopCurrent ProjectsLi
llie MonsterSite-Lillie-Monsternode_modulesgulp-userefindex.js:80:42)
at Array.forEach (native)
at Transform. (c:UsersSaint WarheadDesktopCurrent ProjectsLi
llie MonsterSite-Lillie-Monsternode_modulesgulp-userefindex.js:68:35)
at Array.forEach (native)
at Transform. (c:UsersSaint WarheadDesktopCurrent ProjectsLi
llie MonsterSite-Lillie-Monsternode_modulesgulp-userefindex.js:46:36)
at Array.forEach (native)

老实说,我不知道这个错误是什么意思,是什么原因导致的,或者如何修复它。这并没有真正影响我在这个项目上的工作能力,至少我没有注意到。我通读了一些类似问题请求的评论,但提供的解决方案似乎有点超出我的理解范围,我很难弄清楚我需要实际做些什么来修复它,或者如果我修复它甚至是必要的?任何建议或帮助,你可以传递给这个开始开发人员将非常感激!非常感谢您的宝贵时间!

哦,如果你需要访问源文件,这里有一个到我的项目在GitHub上的远程存储库的链接:https://github.com/solidsoulsolutions/Site-Lillie-Monster

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

调试错误输出,似乎他找不到加载了CDN的资产。在Google Web Starter Kit中,只涉及icomoongoogle fonts

在gulp-useref存储库上有一个问题(#37),但自0.5.0发布以来,通过使用is-absolute-url插件修复了这个问题。

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

/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链接,并直接在您的项目中添加资产。

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

最后一个问题:你应该从

中替换gulpfile的140行
.pipe($.useref.restore())

.pipe($.useref.assets().restore())

最新更新