2016-07-24 5 views
0

Ich bin ziemlich neu mit Heroku und nur meine sails.js auf Heroku eingesetzt. Nach der Bereitstellung kann ich die Website öffnen, aber ich habe festgestellt, dass einige der css-Attributionen nicht präsentiert werden können, nachdem ich sie auf Heroku bereitgestellt habe. Aber es ist so verwirrt, dass es gut funktioniert, wenn ich es auf meinem localhost starte. Zum Beispiel in meinem custome.js, weise ich ein BildWarum, nachdem ich meine Segel App auf Heroku entfaltet habe, kann einige benutzerdefinierte css Attribution nicht auf dem Bildschirm

.carousel-inner { 
background: url('/images/banner.jpg'); 

these are my css files in layout.ejs 
<link="stylesheet" href="/styles/bootstrap-glyphicons.css"> 
<link="stylesheet" href="/styles/bootstrap.css"> 
<link rel="stylesheet" href="/styles/custom.css"> 
<link rel="stylesheet" href="/styles/dataTables.bootstrap.css"> 
<link rel="stylesheet" href="/styles/importer.css"> 
<link rel="stylesheet" href="/styles/jquery.dataTables.css"> 
<link rel="stylesheet" href="/styles/jquery.dataTables_themeroller.css"> 
    <link rel="stylesheet" href="/styles/select2.min.css"> 
these are my javascript files in layout.ejs 
    <!-- PRELOAD SCRIPTS --> 
<script src="/js/dependencies/sails.io.js"></script> 
<script src="/js/jquery-1.11.0.min.js"></script> 
<!--SCRIPTS--> 
    <script src="/js/dependencies/sails.io.js"></script> 
<script src="/js/app.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script src="/js/dataTables.bootstrap.js"></script> 
<script src="/js/ejs/ejs_production.js"></script> 
<script src="/js/ejs/view.js"></script> 
<script src="/js/jquery-1.11.0.min.js"></script> 
<script src="/js/jquery.dataTables.js"></script> 
<script src="/js/sails.io.js"></script> 
<script src="/js/select2.min.js"></script> 
<script src="/js/socket.io.js"></script> 
<!--SCRIPTS END--> 

meine Karussell-Innenklasse, aber ich kann dieses Bild nicht gefunden, nachdem ich es auf Heroku im Einsatz. Und ich habe auch dataTable.js verwendet, aber es kann nicht auf Heroku funktionieren und funktioniert gut auf meinem localhost. Es gibt weitere Attribute, die nach der Bereitstellung auf Heroku nicht angezeigt werden können. Stimmt irgendetwas nicht? Ich würde deine Hilfe wirklich schätzen, wenn du mir helfen kannst!

+0

Haben Sie Ihre Assets (js, css, images usw.) im Verzeichnis 'assets /' abgelegt?! – dNitro

+0

@ Vielen Dank für Ihre Antwort! Ich habe es in meinem Assets/Verzeichnis abgelegt. Aber ich bin so verwirrt nicht nur, dass es das Bild nicht zeigen kann, es gibt andere CSS-Attribute, die nicht funktionieren. Zum Beispiel habe ich dataTables.bootstrap.js und dataTables.boostrap.css verwendet, sie funktionieren auch nicht –

Antwort

0

Überprüfen Sie, ob Ihr CSS-Code mit einem CSS-Validator wie CSSLint fehlerfrei ist. In der Produktion wird css minimiert und egglifiziert, so dass fehlerhafter Code auf localhost fehlerfrei ausgeführt werden kann, aber in minimierter Form verhält er sich unerwartet.

1

Es ist wahrscheinlich zu spät, aber falls jemand anders die Lösung braucht, ist das, was für mich gearbeitet: Ihre .sailsrc Datei hat die folgenden Stellen Sie sicher: { "hooks": { "grunt": false }, "paths": { "public": "assets" } } In diesem Ort, konnte ich sowohl über benutzerdefinierte Stylesheets sehen Wenn die sails app lokal ausgeführt wird und wenn sie auf Heroku bereitgestellt wird

Verwandte Themen