CSS und Image-Datei funktioniert nicht in heroku

Question

Ich arbeite an einer kleinen Web-App und es funktioniert gut auf meinem Laptop. Aber wenn es auf Heroku eingesetzt wird, fehlt das Styling und das Bild.

Web App-Link: https://vast-crag-53030.herokuapp.com/

-Code Repository: https://github.com/alokshrotri/commuteStats

Ich bin Schiene 5 und bin auf Windows 7

ich in der Lage war, führen Sie den folgenden Befehl ein, verpflichtet zu GitHub und umgeschichtet zur Verwendung von Heroku, aber ohne Erfolg.

bundle exec rake assets:precompile

Wenn ich mit RAILS_ENV = Produktion laufen, bekomme ich einen Fehler wie unten gezeigt. Hier (= require_tree.) Ist unkommentiert.

Wenn ich kommentiere (// = require_tree.) Dann ist die Ausgabe anders.

C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> bundl 
e exec rake assets:precompile RAILS_ENV=production 
(in C:/Users/u0126252/Documents/GitHub/commuteStats) 
rake aborted! 
ExecJS::ProgramError: TypeError: Object doesn't support this property or method 

Tasks: TOP => assets:precompile 
(See full trace by running task with --trace) 
C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> 

Haben versucht, mehrere Beiträge um dieses zu lesen, aber es hat nicht geholfen. Ich möchte sicher nicht config.assets.compile = true dem Code hinzufügen.

Jede Hilfe um es wäre toll. Umgebungsdetails unten. Gerne stellen wir Ihnen weitere Informationen zur Verfügung.

C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> rails 
-v 
Rails 5.0.2 
C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> ruby 
--version 
ruby 2.3.3p222 (2016-11-21 revision 56859) [x64-mingw32] 

C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> syste 
minfo | findstr /B /C:"OS Name" /C:"OS Version" 
OS Name:     Microsoft Windows 7 Enterprise 
OS Version:    6.1.7601 Service Pack 1 Build 7601 
C:\Users\u0126252\Documents\GitHub\commuteStats\bin [master ≡ +0 ~1 -0 !]> 

Answer 1

Also, ich würde zuerst mit der einfachen beginnen, das Bild wird nicht angezeigt, weil Sie es sagen, an der falschen Stelle zu suchen. Wechseln zu:

<%= image_tag "button.png" %> 

Zweitens können Sie das Stylesheet bekommen in eine von zwei Arten angezeigt werden:

Änderung config.assets.compile = false auf true (nicht empfohlen)

oder fügen Sie

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>

als Dithanial schreiben Sie in den Kommentar und lassen Sie das Flag auf false gesetzt.

Hier ist eine Arbeits Live-Version: https://polar-refuge-16359.herokuapp.com/

Ich werde eine PR auf GitHub Repo machen und Sie können sehen, was ich auf die Version tat, die auf Heroku ist.