css - 为什么我在 Heroku 上部署我的 sails 应用程序后，一些自定义的 css 属性无法在屏幕上显示

Question

我是 Heroku 的新手，刚刚在 Heroku 上部署了我的 sails.js。部署后可以打开网站，但是部署到Heroku上后发现有些css属性无法呈现。但它是如此困惑，以至于如果我在我的本地主机上启动它，它运行良好。例如，在我的 custome.js 中，我分配了一张图片

 .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-->

到我的carousel-inner class，但是我在Heroku上部署后找不到这张图片。我还使用了 dataTable.js，但它不能在 Heroku 上运行，但在我的本地主机上运行良好。还有一些其他的属性我部署到Heroku上后无法呈现。有什么不对？如果您能帮助我，我将不胜感激!

Answer 1

可能为时已晚，但万一其他人需要解决方案，这对我有用:确保您的 .sailsrc 文件具有以下内容:
{
“钩子(Hook)”:{
“咕噜声”:假
},
“路径”:{
“公共(public)”:“ Assets ”
}
}
有了这个，当 sails 应用程序在本地运行时，以及当它部署到 Heroku 时，我都可以看到自定义样式表