Heroku不显示SCSS背景图像

Liz*_*Liz 10 css ruby-on-rails heroku

我有一个Rails应用程序,它使用style.css.scss文件中的背景图像.我发现了多种显示图像的localhost方法,但没有办法让它们在Heroku上显示.

我已经看了看所以像很多帖子这个这个,还有其他网站,如,但至今没有奏效.

这是我在我的代码style.css.scss:

.hero-000 {
    width: 102%;
    background: url(asset-path("hero-000.jpg")) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
Run Code Online (Sandbox Code Playgroud)

不过,我也尝试过background-image,image-url,asset-url,和许多其他排列作为连接,从而发现帖子.

我在我的production.rb文件中有这个:

  config.serve_static_files = true
  config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect'
  config.assets.compile = true
  config.assets.digest = true
Run Code Online (Sandbox Code Playgroud)

这在我的application.html.erb文件中调用css表:

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
Run Code Online (Sandbox Code Playgroud)

正如其他帖子所建议的,我已将此添加到我的application.rb:

config.assets.initialize_on_precompile = false
Run Code Online (Sandbox Code Playgroud)

关于如何解决这个问题的任何想法都会很高兴收到!

附加信息

这是我的gemfile:

source 'https://rubygems.org'

gem 'rails', '4.2.5'

group :production do
  gem 'pg'
  gem 'rails_12factor'
end

group :development do
  gem 'sqlite3'
  gem 'binding_of_caller'
  gem 'better_errors'
end

gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'jquery-rails'
gem 'turbolinks'
gem 'bcrypt', '~> 3.1.7'
gem 'bootstrap-sass'
gem 'friendly_id', '~> 5.1.0'
gem 'google-analytics-rails', '1.1.0'
gem 'paperclip'
gem 'meta-tags'
gem 'bootsy'
gem 'devise'
Run Code Online (Sandbox Code Playgroud)

以下是我在localhost中的控制台错误: 在此输入图像描述

在Heroku: 在此输入图像描述

Jon*_*han 2

看看你的路径..它一定与你的配置有关。你已经在代码中的某个地方找到了你的绝对路径,要么是那个路径,要么是在相关的路径上。搜索您的代码库并确保您没有在任何地方硬编码自己机器的绝对路径。确保这一切都是相对的。/Users/elizabethbayardelle/Dropbox/Code/BIA/不应位于源代码中的任何位置,但应在 herokuapp 实例中使用它。在你的本地主机屏幕截图上,你甚至有一条路径heroku.com......如何?我相信,第二次接管你的配置方式将解决这个问题。


归档时间:

查看次数:

1538 次

最近记录:

8 年,11 月 前