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

Question

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

我是在运行Windows 7的东芝笔记本电脑上构建这个项目的，我使用的是谷歌的Web工具包。为了在我的项目中使用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中，只关注icomoon和google fonts。

关于这一点，在gulp存储库中有一个问题(第37号)，但是它是在0.5.0发行版之后通过使用绝对-url插件进行修复的。

问题是(在我的环境中，也很可能在您的环境中)插件不能说文件：

/home/apercu/git/Site-Lillie-Monster/{.tmp,app}/http:/fonts.googleapis.com/css?family=Raleway:400

是一个url，试图找到它却失败了，打破了吞食用户的习惯。

一些简单的事情来摆脱它：

1)在资产上添加一个错误回调：

.pipe($.useref.assets({searchPath: '{.tmp,app}'})).on('error', function (err) {
  console.log(err);                                                         
}) 

2)删除所有CDN链接，并将资产直接添加到项目中。

我不会说你应该采用什么样的解决方案，即使我个人更愿意把我的项目的所有所需的文件保存在我的来源中。(不使用CDN)

最后一个问题:您应该替换您的吞咽文件的140行

.pipe($.useref.restore())

至

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