Google 的 Web Starter Kit 错误在 git bash 命令行终端中运行 gulp

Question

我是一名初级前端设计师和开发人员（不到 6 个月的经验），我正在为我的作品集开发我的第一个网站。

我正在运行 Windows 7 的东芝笔记本电脑上构建该项目，并且我正在使用 Google 的 Web Starter Kit。为了在我的项目中使用 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)

老实说，我不知道这个错误是什么意思，是什么原因造成的，或者如何解决它。它并没有真正影响我从事该项目的能力，至少我没有注意到。我通过 cmets 阅读了一些类似的问题请求，但所提供的解决方案在理解方面似乎有点超出我的理解，我很难弄清楚我需要实际做些什么来解决它，或者如果我修复它甚至有必要吗？非常感谢您向这位新手开发人员提供的任何建议或帮助！非常感谢您的宝贵时间！

哦，如果您需要访问源文件，这里是我的项目在 GitHub 上的远程存储库的链接：https://github.com/solidsoulsolutions/Site-Lillie-Monster

Answer 1

问题来自您的html 任务，尤其是来自gulp-useref。

调试错误输出，他似乎找不到用CDN加载的资产。在 Google Web Starter Kit 中，仅关注 icomoon 和 google fonts。

在 gulp-useref 存储库中有一个关于该问题的 issue (#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 链接并直接在您的项目中添加资产。

即使我个人更喜欢将项目所需的所有文件保存在我的源代码中，我也不会说您应该采用哪种解决方案。 (not use a CDN)

最后一个问题：您应该替换 gulpfile 的第 140 行

.pipe($.useref.restore())

到

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