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类，但是在我将它部署到Heroku之后我找不到这张照片。而且我也使用了dataTable.js，但它无法在Heroku上运行并且在我的localhost上运行良好。在Heroku上部署后，还有其他属性无法显示。有什么不对？如果你能帮助我，我将非常感谢你的帮助！

Answer 1

可能为时已晚，但如果有人需要解决方案，这对我有用：确保您的.sailsrc文件包含以下内容： { "hooks": { "grunt": false }, "paths": { "public": "assets" } } 有了这个，我可以看到自定义样式表，当风帆应用程序在本地运行时，以及它何时部署到Heroku

Answer 2

使用CSSLint等css验证程序检查您的css代码是否没有错误。在生产中，css被缩小和uglified，因此错误的代码可能在localhost上正常运行，但在缩小形式时它会出乎意料地运行。

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

2 个答案: