相关疑难解决方法(0)

CSS加载本地但不在Heroku中加载rails应用程序

我正在关注rails prelaunch注册教程.Bootstrap在heroku上运行得很好,但随后我修改了bootstrap_and_override文件以包含徽标.在本地启动rails服务器并查看时,样式就像我打算使用bootstrap并出现新的标题徽标.

就像我之前做的那样,我运行了rake资产:预编译并推送到git - 遵循本教程http://railsapps.github.com/rails-heroku-tutorial.html,它在heroku上显示css之前有效.html正在显示,但看起来缺少css和bootstrap.

有没有人有任何想法?

css ruby-on-rails heroku twitter-bootstrap

53
推荐指数
5
解决办法
3万
查看次数

无法使用带有bootstrap-sass gem的Rails 4在Heroku上运行CSS

我已经向Heroku部署了一个应用程序,但有一个问题似乎无法解决.app via的CSS Bootstrap-sass没有加载,因此我有一个非样式的应用程序.目前,这只是静态页面的集合.

我在README https://github.com/thomas-mcdonald/bootstrap-sass中只执行了一步.我无法弄清楚的步骤很可能是我的问题如下.由于Rails中的更改会阻止在供应商和库中编译图像,因此您需要将以下行添加到application.rb:

config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)
Run Code Online (Sandbox Code Playgroud)

由于我仍然是编程的新手,第一个问题是我不知道在application.rb文件中何处以及如何添加它.如果有人能帮我告诉我如何以及在何处正确添加上述代码,我将不胜感激.

第二个问题可能与我使用的宝石有关,但是当我创建应用程序时,sass-rails gem安装了〜> 4.0.0.beta1.根据README,使用的版本是3.2.由于这也可能是一个问题,我已经包含了gem文件,任何人都可以确定这是我的问题的根本原因.

提前感谢您提供的任何帮助.

编辑:添加我在第一次尝试时采取的步骤,导致样式在我的本地主机上正常工作,但一旦代码部署到heroku就没有.

  1. 创建了一个新的rails 4 app(下面的gem文件)
  2. 添加了下面gem文件中列出的bootstrap-sass gem
  3. 将PG gem添加到生产组中的gem文件中,并将SQLite3移至开发和测试(运行bundle install - 在步骤2和3之后不生成)
  4. 为静态主页创建了一个页面控制器
  5. 在主页上的英雄单元中添加了一个h1,以查看样式是否正常工作
  6. 添加了styles.css.scss文件并包含了@import'bootstrap'; 到样式表
  7. 创建了git存储库,运行我的初始提交并将代码推送到git
  8. 创建了heroku应用程序并将主人推送到heroku

在第二次尝试时,我在主页上添加了一个导航栏(如果这对任何人都有影响)并再次执行步骤7和8,但在执行这些步骤之前,我运行了以下代码行.

RAILS_ENV=production bundle exec rake assets:precompile
Run Code Online (Sandbox Code Playgroud)

我仍然最终得到了一个在我的本地主机上具有正确风格的网站,但没有样式在Heroku上工作.正如我在上一篇文章中所提到的,有一行代码需要添加到我没有遵循的application.rb文件中,因为我对如何正确地将代码行添加到文件中缺乏了解.

的Gemfile:

source 'https://rubygems.org'

ruby "2.0.0"

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.0.0.beta1'

group :production do
gem 'pg'
end

group :development, :test do
gem 'sqlite3'
end

# Gems used only for assets and not …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails heroku bootstrap-sass ruby-on-rails-4

36
推荐指数
3
解决办法
3万
查看次数