gpt4 book ai didi

css - 部署到 Heroku 后 Bootstrap 样式丢失

转载 作者:数据小太阳 更新时间:2023-10-29 08:36:46 25 4
gpt4 key购买 nike

根据过去两天我一直在进行的谷歌搜索,我加入了数百(如果不是数千)在部署到 Heroku 时丢失 Bootstrap 样式的人。和其他人一样,bootstrap 样式在本地机器上运行良好,但在部署的 heroku 站点上却不存在。我很难过。我正在使用 rails 4.2.4 和 ruby​​ 2.2.3。 (如果有区别的话,我也在使用 RubyMine。我不认为它有区别。我尝试使用“普通”git 和 sublime 进行部署,但没有任何区别。)这是我所做的:

  1. 我的 application.html.erb 中有 maxcdn 的链接(css 和 js)
  2. 我将 application.css 的名称更改为 application.scss(我也尝试了 application.css.scss)
  3. 我将 @import 指令(boostrap-sprockets 和 bootstrap)添加到 application.scss
  4. 我将//= require bootstrap-sprockets 添加到 application.js(在 turbolinks 条目之后)。
  5. 我添加了 gems bootstrap-sass、autoprefixer-rails 和 rails_12factor 并进行了捆绑安装
  6. 我在 config/environments/production.rb 中将 config.assets.compile 从 false 更改为 true
  7. 我也尝试过预编译 Assets ,但仍然缺少 Bootstrap 样式。

我相信这就是我应该做的让它工作的全部。如上所述,它在本地机器上运行良好。

我已经尝试了很多网上建议的解决方案,但都没有奏效。很难说出哪些是适用的,因为这似乎已经存在好几年了(从 2012 年到现在,我的谷歌搜索返回了这样的问题和建议的解决方案)。我确信其中一些解决方案不再适用(对于 Rails v4)。

像往常一样,我们将不胜感激。

最佳答案

尝试从头开始一个元素,然后让 Bootstrap 在生产环境中运行。我使用 maxcdn 方法成功地做到了这一点。

这是我为包含 bootstrap maxcdn 所做的:

app/views/layouts/application.html.erb,在 <head> 的末尾标签:

<!-- BOOTSTRAP -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"> </script>

我只做了这个,没有别的。即使在 Heroku 的生产环境中,它的效果也非常好。

关于css - 部署到 Heroku 后 Bootstrap 样式丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33351423/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com