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())