Yeoman、Grunt、およびbowerをノードプロジェクトにインストールします。
Eclipseでノードプロジェクトを作成し(nodeclipseプラグインを使用)、cmdでプロジェクトフォルダー(H:\ Eclipse Workspace\YoTest)に移動し、次のように入力しました。
npm install yo -g
npm install generator-webapp -g
yo webapp
選択:Sass(コンパス付き)、cmd
次に入力します:
grunt serve
webappを実行します。
次のエラーメッセージが表示されます。
Done, without errors.
Warning: Running "compass:server" (compass) task
Warnin: You need to have Ruby and Compass installed and in your system PATH for
this task to work. More info: https://github.com/gruntjs/grunt-contrib-compass
Use --force to continue.
Aborted due to warnings. Use --force to continue.
Aborted due to warnings.
これを修正して、うなり声でノードプロジェクトを実行できるようにするにはどうすればよいですか?
PS:問題に関係があるかどうかはわかりませんが、package.jsonの1〜27行で次のエラーが発生します。
Multiple markers at this line
- strings must use singlequote
- strings must use singlequote
これは私のpackage.jsonです
{
"name": "yotest2",
"version": "0.0.0",
"dependencies": {},
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-uglify": "~0.2.0",
"grunt-contrib-compass": "~0.7.0",
"grunt-contrib-jshint": "~0.7.0",
"grunt-contrib-cssmin": "~0.7.0",
"grunt-contrib-connect": "~0.5.0",
"grunt-contrib-clean": "~0.5.0",
"grunt-contrib-htmlmin": "~0.1.3",
"grunt-bower-install": "~0.7.0",
"grunt-contrib-imagemin": "~0.2.0",
"grunt-contrib-watch": "~0.5.2",
"grunt-rev": "~0.1.0",
"grunt-autoprefixer": "~0.5.0",
"grunt-usemin": "~2.0.0",
"grunt-mocha": "~0.4.0",
"grunt-modernizr": "~0.4.0",
"grunt-newer": "~0.6.0",
"grunt-svgmin": "~0.2.0",
"grunt-concurrent": "~0.4.0",
"load-grunt-tasks": "~0.2.0",
"time-grunt": "~0.2.0",
"jshint-stylish": "~0.1.3"
},
"engines": {
"node": ">=0.8.0"
}
}
Windowsを使用しています。
警告はそれをすべて言っているようです。
OS XまたはLinuxを使用している場合は、おそらく既にRubyがインストールされています。Ruby -v
ターミナルで。 Rubyがインストールされていることを確認したら、gem update --system && gem install compass
は、CompassおよびSassをインストールします。
それでも解決しない場合は、grunt-contrib-compass
https://github.com/gruntjs/grunt-contrib-compass の説明付きパッケージ
Gulpウォッチを実行しているときに同じエラーメッセージで何時間も苦労しましたが、インストール、再インストール、再起動しても表示されます。
すべてのパッケージをアンインストールすることで動作します:
Sudo gem uninstall bundler bundle compass sass compass-core compass-import-once
バンドルのみのインストール
Sudo gem install bundle bundler
そして、必要なものすべてを魔法のようにインストールするコマンドを実行します。
$ bundle
Fetching gem metadata from https://rubygems.org/...........
Fetching version metadata from https://rubygems.org/..
Installing sass 3.4.9
Installing sassy-maps 0.4.0
Installing breakpoint 2.5.0
Installing hitimes 1.2.2
Installing timers 4.0.1
Installing celluloid 0.16.0
Using chunky_png 1.3.3
Using multi_json 1.10.1
Installing compass-core 1.0.1
Using compass-import-once 1.0.5
Using rb-fsevent 0.9.4
Using ffi 1.9.6
Using rb-inotify 0.9.5
Installing compass 1.0.1
Installing json 1.8.1
Installing listen 2.8.3
Installing thor 0.19.1
Installing fontcustom 1.3.7
Installing modular-scale 2.0.5
Installing normalize-scss 3.0.2
Installing sass-css-importer 1.0.0.beta.0
Installing sassy-buttons 0.2.6
Installing susy 2.1.3
Using bundler 1.8.0
Bundle complete! 9 Gemfile dependencies, 24 gems now installed.
Use `bundle show [gemname]` to see where a bundled gem is installed.
Post-install message from compass:
Compass is charityware. If you love it, please donate on our behalf at http://umdf.org/compass Thanks!
Post-install message from fontcustom:
>> Thanks for installing Font Custom! Please ensure that fontforge is installed before compiling any icons. Visit <http://fontcustom.com> for instructions.
さて、なぜ私に聞かないでください、しかしそれはすべて動作します:-)
それがそこにいる誰にも役立つことを願っています、私はこれに本当に苦労しました...
RubyとRuby Gemsをインストールする必要があります。これにより、Sassとコンパスのインストールが容易になります。これを確認してください http://hecktechsolutions.blogspot.in/2015/03/installation -of-gems-compass-and-sass.html
Mac OS X 10.10(Yosemite)の場合
インストール済みのRubyバージョンRuby -v
を検索します。存在する場合は、Sudo gem update --system
を使用してgemを更新し、そうでない場合は\curl -sSL https://get.rvm.io | bash -s stable --Ruby
を使用してRubyでrvmをインストールします
次に、Xcode Command Line Tools xcode-select --install
をインストールします。これには時間がかかります。
Sudo gem install compass
を使用してコンパスをインストールします。私にとってこれは魅力のように働いた。
Npmコマンドは何もしないので、コンソール->(またはSudo)gem install compassで記述するだけです。