yeoman執行grunt serve 提示錯誤

2022-04-20 02:31:57 字數 2228 閱讀 9184

1、error: cannot find module 'load-grunt-tasks'

$ grunt serve
loading "gruntfile.js" tasks...error

>> error: cannot find module 'load-grunt-tasks'

warning: task "serve" not found. use --force to continue.

aborted due to warnings.

該錯誤是因為沒有安裝 load-grunt-tasks 外掛程式,我們執行如下命令將,所有該專案依賴的所欲node外掛程式,全部安裝,命令如下:

# $ sudo npm install     #for mac

$ npm install

該命令會將 package.js 中依賴的所有node外掛程式全部安裝。

參考文件:

2、warning: running "compass:server" (compass) task

$ grunt serve
running "serve" task

running "clean:server" (clean) task

>> 0 paths cleaned.

running "wiredep:test" (wiredep) task

running "wiredep:sass" (wiredep) task

running "concurrent:server" (concurrent) task

warning: running "compass:server" (compass) task

warning: command failed: compass --version

/system/library/frameworks/ruby.framework/versions/2.0/usr/lib/ruby/2.0.0/rubygems/dependency.rb:296:in `to_specs': could not find 'compass' (>= 0) among 45 total gem(s) (gem::loaderror)

from /system/library/frameworks/ruby.framework/versions/2.0/usr/lib/ruby/2.0.0/rubygems/dependency.rb:307:in `to_spec'

from /system/library/frameworks/ruby.framework/versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_gem.rb:47:in `gem'

from /usr/bin/compass:22:in `'

use --force to continue.

aborted due to warnings.

execution time (2015-04-12 05:32:54 utc)

loading tasks 5ms ▇▇▇ 5%

compass:server 85ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 93%

total 91ms use --force to continue.

aborted due to warnings.

execution time (2015-04-12 05:32:50 utc)

concurrent:server 3s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 95%

total 3.2s

網上搜了一堆blog,最後發現是未安裝 compass ,因為我用 yeoman 構建專案的時候,選了使用 sass ,而在yeoman中使用sass則又需要安裝 compass (直接使用sass是不需要的)。

參考文件: 

compass是基於 ruby 的,因此在安裝 compass 前,你先需要確定,你的電腦已經安裝了 ruby 。

現在我再來安裝 compass:

$ gem install compass

安裝好 compass 後,在執行 grunt serve 命令,就會自動開啟 http://localhost:9000 。

你就會看到 yeoman 構建工具,建立的預設頁面。

Yeoman環境搭建

yeoman環境搭建 前提安裝node環境 安裝nodejs環境 1.首先我們開啟終端,並使用以下命令安裝yeoman npm install g yo 檢視命令是否安裝成功 yo version 2.使用以下命令安裝generator react webpack npm install g gen...

yeoman 介紹 安裝 和 使用

yeoman其實是3個工具的總和 yo 腳手架,自動生成工具 grunt gulp 構建工具 最初只有grunt,後面gulp火了新增進來的 bower npm 包管理工具 原來是 bower,後面新增了npm 在專案的立項階段,使用yeoman來生成專案的檔案,結構 yeoman自動將最佳實踐和工...

使用yeoman構建angular應用

本文將介紹如何親手來完成乙個yeoman的generator,以實現快速構建最適合自己的專案。本文將實現的generator起名為ngtimo,依照yeoman的命名規矩就叫做generator ngtimo,是筆者這週末一晚上加一上午參考著yeoman官方給出的幾個generator genera...