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'