我有一个Rails 3应用程序,我成功运行compass init rails ./ --using blueprint.我可以@import从/ stylesheets目录中找到文件,但是当我尝试时出现错误@import compass.
现在该应用程序有两个简单的sass文件:
common.scss
$body-background: blue;
Run Code Online (Sandbox Code Playgroud)
main.scss
@import "common";
//@import "compass";
body {
background: $body-background;
}
Run Code Online (Sandbox Code Playgroud)
随着这@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: }
Run Code Online (Sandbox Code Playgroud)
也许我必须明确地告诉Sass在哪里找到Compass宝石,所以我add_import_path在config/compass.rb中添加了一行:
require 'compass'
require 'html5-boilerplate' …Run Code Online (Sandbox Code Playgroud) ruby-on-rails sass blueprint-css ruby-on-rails-3 compass-sass