Rails3アプリを実行できましたcompass init rails ./ --using blueprint
。/ stylesheetsディレクトリからファイルを作成でき@import
ますが、しようとするとエラーが発生し@import compass
ます。
現在、アプリには2つの単純なsassファイルがあります。
common.scss
$body-background: blue;
main.scss
@import "common";
//@import "compass";
body {
background: $body-background;
}
@import "compass"
コメントアウトされた行で、これは機能します-私は青い背景を取得するので、Sassが機能していることがわかります。
行のコメントを外して、インポートcompass
などを行おうとするとblueprint
、次のようなエラーが発生します。
Syntax error: File to import not found or unreadable: compass.
Load paths:
/Users/eric/path/to/myrailsapp/app/stylesheets
on line 2 of /Users/eric/path/to/myrailsapp/app/stylesheets/main.scss
1: @import "common";
2: @import "compass";
3:
4: body {
5: background: $body-background;
6: }
たぶん、SassにCompass gemの場所を明示的に指示する必要があったので、add_import_path
config/compass.rbに行を追加しました。
require 'compass'
require 'html5-boilerplate'
project_type = :rails
project_path = RAILS_ROOT if defined?(RAILS_ROOT)
add_import_path "/Library/Ruby/Gems/1.8/gems/" # unfortunately this has no effect
http_path = "/"
css_dir = "public/stylesheets"
sass_dir = "app/stylesheets"
images_dir = "public/images"
javascripts_dir = "public/javascripts"
cache_dir = "tmp/sass-cache"
http_images_path = "/images"
http_stylesheets_path = "/stylesheets"
http_javascripts_path = "/javascripts"
私は2日間グーグルを続けていますが、基本的な@import
ステートメントでこの問題が発生している理由を特定できません。コンパスとブループリントのライブラリがどこにあるかをSassに伝えるにはどうすればよいですか?