Glyphicon funziona localmente ma non su Heroku

Question

Se guardate la mia app qui: http://quiet-brushlands-5712.herokuapp.com/, vicino al pulsante c'è un'icona, un glyphicon. Ma non sta comparendo su heroku. localmente mostrano come bene come questo:

ho provato la "soluzione" da qui Using boostrap.css file in Rails production/heroku w/o LESS or SASS e da altri collegamenti a Google. Ho bisogno anche del glifo da mostrare su Heroku. Qualsiasi aiuto?

Non ho scaricato manualmente il Bootstrap di Twitter, sto solo usando una gemma. Nella mia console JavaScript ho questo:

GET http://quiet-brushlands-5712.herokuapp.com/assets/glyphicons-halflings.png 404 (Not Found)

mio Gemfile se aiuta:

source 'https://rubygems.org' 

gem 'rails', '4.0.2' 
gem 'sass-rails', '~> 4.0.0' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.0.0' 
gem 'jquery-rails', '3.0.4' 
gem 'turbolinks', '2.0.0' 
gem 'jbuilder', '~> 1.2' 
gem 'bootstrap-sass', '2.1' 
gem 'jquery-ui-rails', '4.1.0' 
gem 'pg' 
gem 'font-awesome-rails', '4.0.3.0' 

group :doc do 
    # bundle exec rake doc:rails generates the API under doc/api. 
    gem 'sdoc', require: false 
end 

group :development, :test do 
    gem 'rspec-rails', '2.11.0' 
    gem 'guard-rspec', '1.2.1' 
    gem 'guard-spork', '1.2.0' 
    gem 'childprocess', '0.3.6' 
    gem 'spork', '0.9.2' 
end 

group :production do 
    gem 'rails_12factor' 
end 

Answer 1

La soluzione era quella di cambiare config.assets.compile = false al config.assets.compile = true nel file config/environments/production.rb.

Answer 2

seguito al commento di Vidya, è probabilmente sarà la vostra pipeline di risorsa che è il problema

Anche se non ho familiarità con le specifiche di Bootstrap per questo, c'è un grosso problema con la pipeline di asset di Heroku, che deve essere precompilato prima di poterlo usare efficacemente

---

Asset Fingerprinting

Heroku richiede di precompilare i vostri beni a causa della asset fingerprinting

Questo è dove il vostro patrimonio avranno un hash applicato alla fine del loro nome, come image-12sdafdsafkj223423jnjfadsnfsad.png o simili . La ragione di ciò è apparentemente quella di mantenere le risorse uniche o qualcosa del genere

Se si follow the link provided by Vidya, si scoprirà che Heroku richiede di precompilare le risorse utilizzando la CMD di Rails. Quello che non dice è che questo potrebbe scombussolare l'allineamento immagini a meno che sono stati assegnati dinamicamente

---

SCSS

Come accennato, non sono sicuro di come questo vale per Bootstrap in particolare, ma con le risorse di asset di Heroku, è necessario assicurarsi che le immagini vengano assegnate utilizzando percorsi dinamici

Come in Rails, SCSS consente di utilizzare asset_path o image_path per creare un collegamento dinamico. Questo è quello che devi fare per risolvere il tuo problema. Ecco po 'di codice che usiamo, che funziona su Heroku:

.navigation_bar { 
     z-index: 200; 
     position: relative; 
     background: asset_url('nav_bar/bg.png') repeat-x top; 
} 

Answer 3

In config/environments/production.rb

Change config.assets.compile = false a config.assets.compile = true

(e quindi non dimenticate di impegnarsi e spingere a Heroku)

Ha lavorato per me ...

Answer 4

Perché Sono arrivato a questa risposta quando stavo cercando di capire che dovrei mettere qui che la soluzione che ho trovato era includere un n importare in "bootstrap-sprockets" prima del bootstrap. Questo è documentato allo https://github.com/twbs/bootstrap-sass/issues/653.

Mi rendo conto che la domanda non sta usando bootstrap-sass 3.2+ ma immagino che questo possa aiutare qualcuno.

Answer 5

Soluzione che non utilizza il fallback di compilazione (testato su Rails 4.1): Nei file scss, importare bootstrap-sprockets appena prima del bootstrap.

@import "bootstrap-sprockets"; 
@import "bootstrap"; 

Answer 6

Se non si desidera impostare il config.assets.compile true nell'ambiente di produzione (che probabilmente non dovrebbe per migliorare le prestazioni), è possibile precompilare manualmente le risorse prima di spingere a Heroku utilizzando rake assets:precompile RAILS_ENV=production