【问题标题】:Heroku messing up CSS following Hartl's Rails tutorialHeroku 按照 Hartl 的 Rails 教程搞砸了 CSS
【发布时间】:2013-04-20 21:53:17
【问题描述】:

我在 heroku 上正确呈现微博时遇到问题,但在 localhost 上却没有。我正在关注 Hartl 的 Rails 教程指南。

这是一个显示该问题的 imgur 相册。第一个图像是错误(heroku),第二个是正确的(localhost)。 http://imgur.com/d8XxHzm,HnRoGne#0

我终其一生都无法弄清楚为什么会发生这种情况。 Heroku 似乎忽略了我的 CSS。

这里是 github 仓库: https://github.com/Mciocca/sample_app

【问题讨论】:

  • 标签的末端是否被剥离?看起来不像是 CSS 问题。
  • 我如何检查这个?我注意到使用 chrome 开发工具时,我的 microposts 类没有被使用,即使我在 html 文件中设置正确。

标签: ruby-on-rails heroku railstutorial.org


【解决方案1】:

听起来像是三种可能的原因之一:

  1. 存在冲突的样式表干扰。查看 app/assets/stylesheets 是否有定义了两次的类。
  2. 堆栈。我看到您已将pg 放入您的gemfile 中,这很好。 Heroku 在 Cedar 堆栈上运行 - 确保它是。 (Creating severe-mountain-793... done, **stack is cedar**)
  3. 不做任何假设,但我已经去过那里好几次:确保在推送到 heroku 之前 包含最近对你的 repo 所做的更改。 git add .git commit -am "brainfart",然后是 git push heroku master <branch>

恭喜您选择了 Rails!

【讨论】:

  • 感谢您的建议。我检查以确保没有任何冲突,确保它在 cedar 上运行,甚至做了一个小改动,以便我可以再次将其推送到 heroku。仍然没有运气=/
  • 这看起来不是问题,但尝试删除 .gitignore 文件并执行add . 并提交。 (只有在数据库或其他被忽略的文件中没有机密信息时才这样做
  • 我通过在配置文件中启用预编译使其工作。不完全确定为什么这会导致问题,但它修复了它。感谢您的帮助!
  • 天啊,应该已经看到了。不过恭喜,原因可以看here
  • 这也值得一看,它解释了如何为生产修改配置。 stackoverflow.com/questions/7464544/… 完成 rake 等操作后,请确保再次推送到 heroku。
【解决方案2】:

运行bundle exec rake assets:precompile 编译资产,包括。样式表到 Heroku 使用的公共层次结构中。

完成后:

git add -A

git commit -m "Precompiled assets" 最后

git pushgit push heroku

为了更好地理解,请查看评估管道上的 Rails Guides on asset pipelinesHeroku Guides

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多