title: @import not working for my "application.css.scss" file in Rails project, only works as "application.css"
body: <p>so I have run into an issue with my Rails project. in my Gemfile, this is my code:</p>
  
  <pre><code>source 'https://rubygems.org'
  gem 'rails', '4.0.3'
  gem 'sqlite3'
  gem 'thin'
  gem 'uglifier', '&gt;= 1.3.0'
  
  group :assets do
  gem 'sass-rails', '~&gt; 4.0.1'
  gem 'coffee-rails', '~&gt; 4.0.0'
  gem 'eco'
  gem 'compass-rails'
  gem 'bootstrap-sass'
  end
  
  gem 'jquery-rails'
  
  gem 'turbolinks'
  
  gem 'jbuilder', '~&gt; 1.2'
  
  group :doc do
     gem 'sdoc', require: false
  end
  </code></pre>
  
  <p>Here is my application.css.scss file:</p>
  
  <pre><code>@import "bootstrap";
  </code></pre>
  
  <p>I run into this error if I take the 'group :assets do' block out and instead just try to run rails w/out it:</p>
  
  <pre><code>/Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `require': cannot load such file -- sass/script/node (LoadError)
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `&lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `block in &lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `&lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions.rb:9:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass/sass_extensions.rb:9:in `&lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass.rb:5:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass.rb:5:in `block in &lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass.rb:4:in `each'
      from /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/lib/compass.rb:4:in `&lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/compass-rails-1.1.3/lib/compass-rails.rb:1:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/compass-rails-1.1.3/lib/compass-rails.rb:1:in `&lt;top (required)&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:76:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:76:in `block (2 levels) in require'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:72:in `each'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:72:in `block in require'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:61:in `each'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler/runtime.rb:61:in `require'
      from /Library/Ruby/Gems/2.0.0/gems/bundler-1.5.3/lib/bundler.rb:131:in `require'
      from /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/config/application.rb:12:in `&lt;top (required)&gt;'
      from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:45:in `require'
      from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:45:in `require'
      from /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/config/environment.rb:2:in `&lt;top (required)&gt;'
      from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:45:in `require'
      from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:45:in `require'
      from /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/config.ru:3:in `block in &lt;main&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/rack-1.5.2/lib/rack/builder.rb:55:in `instance_eval'
      from /Library/Ruby/Gems/2.0.0/gems/rack-1.5.2/lib/rack/builder.rb:55:in `initialize'
      from /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/config.ru:1:in `new'
      from /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/config.ru:1:in `&lt;main&gt;'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/rack/adapter/loader.rb:33:in `eval'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/rack/adapter/loader.rb:33:in `load'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/rack/adapter/loader.rb:42:in `for'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/thin/controllers/controller.rb:170:in `load_adapter'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/thin/controllers/controller.rb:74:in `start'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/thin/runner.rb:199:in `run_command'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/lib/thin/runner.rb:155:in `run!'
      from /Library/Ruby/Gems/2.0.0/gems/thin-1.6.2/bin/thin:6:in `&lt;top (required)&gt;'
      from /usr/bin/thin:23:in `load'
      from /usr/bin/thin:23:in `&lt;main&gt;'
  </code></pre>
  
  <p>To get rid of that, I HAVE to use the group :assets do block. but then, once I get the rails server up and running, if '@import "bootstrap";' is in application.css.scss (because the file has .scss appended to it), I get the following error when I try to load my rails project in the browser:</p>
  
  <pre><code> Showing /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/app/views/layouts/application.html.erb where line #5 raised:
  
  File to import not found or unreadable: bootstrap.
  Load paths:
    /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/app/assets/images
    /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/app/assets/javascripts
    /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/app/assets/stylesheets
    /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/vendor/assets/javascripts
    /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/vendor/assets/stylesheets
    /Library/Ruby/Gems/2.0.0/gems/turbolinks-2.2.1/lib/assets/javascripts
    /Library/Ruby/Gems/2.0.0/gems/jquery-rails-3.1.0/vendor/assets/javascripts
    (in /Users/Stuart/Documents/Code/Sublime/one_kingdom_design/app/assets/stylesheets/application.css.scss:13)
  </code></pre>
  
  <p>Here is the extracted source it highlights:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;OneKingdomDesign&lt;/title&gt;
  &lt;%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" =&gt; true %&gt;//this line is highlighted in the firefox browser
  &lt;%= javascript_include_tag "application", "data-turbolinks-track" =&gt; true %&gt;
  &lt;%= csrf_meta_tags %&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Can anyone help me find what the source of this issue might be? I believe it has everything to do with the Sass gem, but I'm not sure. I'm using Ruby 2.0.0p247 if that matters.</p>
  
  <p>EDIT: I've narrowed it down, it's not sass, it's compass-rails. no matter what I try, compass is trying to argue with me.</p>