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" taskrunning "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...