使用 Compass 将 Susy 导入 Rails 项目时出现问题答案

【问题标题】：Problems importing Susy into Rails project using Compass使用 Compass 将 Susy 导入 Rails 项目时出现问题
【发布时间】：2017-07-18 21:36:31
【问题描述】：

我使用以下 gemfile 开始了一个新的 Rails 项目：

source 'https://rubygems.org'

gem 'rails', '3.2.8'

group :development do
  gem 'sqlite3'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'compass-rails'
  gem 'susy'
  gem 'sassy-buttons'
  gem 'uglifier', '>= 1.0.3'
end

gem 'jquery-rails'
gem 'devise'

然后我尝试将@import "susy"; 放入我的application.css.scss 文件，但失败并出现以下错误：

Sass::SyntaxError in Devise/sessions#new

Showing /Users/ashleyconnor/Development/rails/myapp/app/views/layouts/application.html.erb where line #5 raised:

File to import not found or unreadable: susy.
Load paths:
  Sass::Rails::Importer(/Users/ashleyconnor/Development/rails/myapp/app/assets/stylesheets/application.css.scss)
  /Users/ashleyconnor/Development/rails/myapp/app/assets/stylesheets
  /Users/ashleyconnor/.rvm/gems/ruby-1.9.3-p194@myapp/gems/compass-0.12.2/frameworks/blueprint/stylesheets
  /Users/ashleyconnor/.rvm/gems/ruby-1.9.3-p194@myapp/gems/compass-0.12.2/frameworks/compass/stylesheets
  /Users/ashleyconnor/.rvm/gems/ruby-1.9.3-p194@myapp/gems/compass_twitter_bootstrap-2.0.3/stylesheets
  /Users/ashleyconnor/.rvm/gems/ruby-1.9.3-p194@myapp/gems/sassy-buttons-0.1.4/stylesheets
  Compass::SpriteImporter
  (in /Users/ashleyconnor/Development/rails/myapp/app/assets/stylesheets/application.css.scss)

导入 sassy-buttons 有效，但 susy 因某种原因无效。

【问题讨论】：

标签： ruby-on-rails-3 sass susy-compass

【解决方案1】：

如果您遇到此问题，那么您可能正在使用 POW。

事实证明，POW 没有看到所需的插件，因此 SASS 无法编译。

解决这个问题的一个技巧是每次将新的 Compass 插件导入 SASS 文件时运行 rails s。更好的办法是转储 POW，直到它修复为止。

【讨论】：