Rails 4 image-path, image-url and asset-url no longer work in SCSS files

by

I just had this issue myself.
3 points that will hopefully help:

  • If you place images in your app/assets/images directory, then you should be able to call the image directly with no prefix in the path. ie. image_url('logo.png')
  • Depending on where you use the asset will depend on the method. If you are using it as a background-image: property, then your line of code should be background-image: image-url('logo.png'). This works for both less and sass stylesheets. If you are using it inline in the view, then you will need to use the built in image_tag helper in rails to output your image. Once again, no prefixing <%= image_tag 'logo.png' %>
  • Lastly, if you are precompiling your assets, run rake assets:precompile to generate your assets, or rake assets:precompile RAILS_ENV=production for production, otherwise, your production environment will not have the fingerprinted assets when loading the page.

Also for those commands in point 3 you will need to prefix them with bundle exec if you are running bundler.

More Related Contents:

  1. Rails 4: assets not loading in production
  2. Boolean Validation
  3. config.assets.compile=true in Rails production, why not?
  4. Using fonts with Rails asset pipeline
  5. Nested attributes unpermitted parameters
  6. Rails: How to reference images in CSS within Rails 4
  7. How to get a random number in Ruby
  8. Rails 3.1 asset pipeline: how to load controller-specific scripts?
  9. How to solve error “Missing `secret_key_base` for ‘production’ environment” (Rails 4.1)
  10. Rails 4: List of available datatypes
  11. Rails 4 Authenticity Token
  12. No route matches [GET] /assets
  13. Rails association with multiple foreign keys
  14. Add Custom Field/Column to Devise with Rails 4
  15. Rails 4: before_filter vs. before_action
  16. How to configure Google Domains + Heroku w a Naked Domain
  17. Add a reference column migration in Rails 4
  18. Rails update_attributes without save?
  19. GroupingError: ERROR: column must appear in the GROUP BY clause or be used in an aggregate function
  20. Redis + ActionController::Live threads not dying
  21. Form Submit button only works after reload
  22. Rails I18n validation deprecation warning
  23. First argument in form cannot contain nil or be empty – Rails 4
  24. Rails 4 – checkboxes for has_and_belongs_to_many association
  25. Rails 4: Why are fonts not loading in production?
  26. Rails 4 – Gem::LoadError: Specified ‘mysql2’ for database adapter, but the gem is not loaded
  27. Upgrading from Rails 2.3.8 to 4.0
  28. Is puma the ONLY multi-threaded rails 4 http server?
  29. An error occurred while installing pg (0.17.1), and Bundler cannot continue
  30. ActionController::InvalidAuthenticityToken in RegistrationsController#create

Leave a Comment