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

标签 css node.js heroku deployment sails.js

我是 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上后无法呈现。有什么不对?如果您能帮助我,我将不胜感激!

最佳答案

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

关于css - 为什么我在 Heroku 上部署我的 sails 应用程序后,一些自定义的 css 属性无法在屏幕上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38548678/

相关文章:

javascript - Typescript 和 ExpressJs 提供的脚本未运行

java - 如何将安全的 Jersey 应用程序部署到 Heroku

ruby-on-rails - rails : going from sqlite -> postgres

html - header - 将图像定位在导航栏旁边,并将图像设为 "stick"。之后将两个元素水平居中在标题的底部

html - 我们如何从头开始以 Angular 创建模态弹出窗口

css - 相对于视口(viewport)的 SVG 背景图像

javascript - Vuejs/Webpack 从包中排除 json 文件

node.js - Nodejs : User Info/database and authentication (Passport)

html - 表格中的宽度属性不起作用

ruby-on-rails-3 - 推送到 Heroku 时出现问题。在其他地方运行 `bundle install` 并将更新后的 Gemfile.lock 添加到版本控制