yeomanでcompass_twitter_bootstrapでエラーが出る
% mkdir hoge % cd hoge # 全部Yにする % yo angular Would you like to include Twitter Bootstrap? (Y/n) Y If so, would you like to use Twitter Bootstrap for Compass (as opposed to vanilla CSS)? (Y/n) Y Would you like to include angular-resource.js? (Y/n) Y Would you like to include angular-cookies.js? (Y/n) Y Would you like to include angular-sanitize.js? (Y/n) Y (省略) % npm install && bower install (省略)
こんな感じでyeomanでangularjsのひな形を作って、
% grunt server
ってやるとブラウザが起動するんだけど、
Syntax error: File to import not found or unreadable: compass_twitter_bootstrap. Load paths: /Users/hanai/work/hoge/app/styles /Users/hanai/.rbenv/versions/2.0.0-dev/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets /Users/hanai/.rbenv/versions/2.0.0-dev/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets /Users/hanai/work/hoge/app/components Compass::SpriteImporter on line 1 of /Users/hanai/work/hoge/app/styles/main.scss
っていうエラーが出る。
main.scssには、
@import 'compass_twitter_bootstarp`;
の1行だけだったので、
% gem install compass_twitter_bootstrap
でインストールしたんだけどダメ。。これで1週間くらいわからず放置。
解決方法
compassでgemからパーツをimportするには、config.rbを置いてそのgemをrequireしなくちゃいけないらしい。 なので、config.rbにrequireを書いたら出なくなりました!やほーい!
# config.rb require 'compass_twitter_bootstrap'