File to import not found or unreadable: variables on Rails 3.2.16

[seantanly]

After upgrading to version bootstrap-sass 3.1.0.1, I'm having the above error when precompiling assets.

My stylesheet contains.

@import "bootstrap";

After digging around a bit, i noticed the file

vendor/assets/stylesheets/bootstrap/bootstrap.scss 

is different from the previous working version 3.0.3.0, in which the @import statements are missing "bootstrap/" path component.

version 3.0.3.0

@import "bootstrap/variables"; 

version 3.1.0.1

@import "variables";

Adding the missing path component allows me to precompile successfully.

[glebm]

This should still resolve correctly. Can you post your Gemfile? Looks like you might be missing sass-rails or be locked to a very old version of one of the gems.

[seantanly]

I'm running Rails version 3.2.16

My Gemfile reads

gem 'sass-rails',   '~> 3.2.3'

and Gemfile.lock

sass (3.2.14)
sass-rails (3.2.6)
  railties (~> 3.2.0)
  sass (>= 3.1.10)
  tilt (~> 1.3)

Thanks for looking into this.

[glebm]

The versions look fine, so something else must be wrong (other gems like sprockets-rails? config?). See @nex3's comment on @import behaviour.

[seantanly]

I'm able to replicate the problem on a fresh installation of rails 3.2.16 with only bootstrap-sass as the additional gem.

The problem appears when the @import is called in a file which is not placed in the root folder of stylesheets.

e.g.

app/assets/stylesheets/dialog/signup.css.scss

inside signup.css.scss, simply

@import "bootstrap";

and precompiling will result in the above error.

Some additional setup

application.rb

config.assets.initialize_on_precompile = false

production.rb

config.assets.precompile += %w( dialog/signup.css )

[glebm]

Try setting it to true:

config.assets.initialize_on_precompile = true

[seantanly]

config.assets.initialize_on_precompile = true

Tried it, still getting the same error.

[glebm]

I'm able to replicate the problem on a fresh installation of rails 3.2.16 with only bootstrap-sass as the additional gem.

Please push this to github

[seantanly]

ok, here's the link.

https://github.com/seantan/ab

[glebm]

Please do not use require directives within Sass files as it messes with Sass path resolution. Just let @import handle it.

See https://github.com/glebm/ab/commit/482c141a8a0ae1c9fc95c1445095b0ecd9021149, and also rename the file to application.css.sass

[seantanly]

My bad for a typo in the production.rb. Fixed it, please take a look again.

https://github.com/seantan/ab/commit/29034aa34550782c790baf4630c444afe156cf7c

The problem occurs when bootstrap is imported from a file that is "non-root" level relative to assets/stylesheets.

[glebm]

Try the following gem versions (backports to Rails 3):

gem 'sprockets-rails', '=2.0.0.backport1'
gem 'sprockets', '= 2.2.2.backport2'

Seems to work with the sample app. Updated docs 0f37b4d

[glebm]

Nvm, doesn't work. Btw, unrelated but it's better to set precompile in application.rb rather than production.rb so you can run precompile in other environments.