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

Question

我是新手前端设计师和开发人员（不到6个月的经验），并且正在为自己的投资组合建立第一个网站。

我正在运行Windows 7的Toshiba笔记本电脑上构建项目，并且正在使用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)

老实说，我不知道这个错误是什么意思，是什么原因，或者如何解决。 而且它并没有真正影响我从事该项目的能力，至少没有影响到我。 我通读了一些类似问题的评论，但是就理解而言，提供的解决方案似乎有点过头，而且我很难弄清楚要解决该问题所需采取的实际措施，或者如果我要修复它是否有必要？ 您可以向这个新手开发人员传递的任何建议或帮助将不胜感激！ 非常感谢您的参与！

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

Answer 1

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

调试错误输出后，似乎他找不到CDN加载的资产。 在Google Web Starter Kit中，仅关注icomoon和google 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())