0
私はHerokuでかなり新しく、私のsails.jsをHerokuに配備しました。展開後、私はウェブサイトを開くことができますが、私はHeroku上にCSSを配備した後でCSSの属性の一部を表示できないことがわかりました。しかし、私がローカルホスト上で起動すると、うまくいきます。例えば、私のcustome.jsに、私は私のカルーセル、内部クラスに絵なぜ私はHerokuに帆アプリを配備した後、カスタムCSS属性が画面に表示されないのですか
.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-->
を割り当てるが、私はHerokuの上でそれを展開した後、私はこの絵を見つけたことができません。また、私はdataTable.jsを使用しましたが、Herokuでは動作できず、ローカルホストでうまく動作します。私がHerokuにそれを配備した後に提示できなかった他の属性があります。何か間違っていますか？あなたが私を助けることができれば、本当にあなたの助けに感謝します！
アセット（js、css、imagesなど）を 'assets /'ディレクトリに配置しましたか？ – dNitro
@お返事ありがとうございます！私は資産/ディレクトリに入れました。しかし、私はとても混乱しているだけでなく、画像を表示できないだけでなく、動作しない他のCSS属性もあります。たとえば、私はdataTables.bootstrap.jsとdataTables.boostrap.cssを使用しましたが、それらも動作しません –