Question

更新：完整的网站代码在此处 - https://github.com/eWizardII/PeerInstruction

我在Heroku上设置了以下网站 - http://www.peerinstruction.net/users/sign_up问题是我已经更新了css但它没有在网站上积极反映，只是显示了一个文本框，带有一些编辑/自定义字体。我已将css文件附加在以下要点 - https://gist.github.com/f74b626c54ecbb60bbde

中

注册页面控制器：

!!! Strict
%html
  %head
    %title= yield(:title) || "Untitled"
    = stylesheet_link_tag 'application', 'web-app-theme/base', 'web-app-theme/themes/activo/style', 'web-app-theme/override'
    = javascript_include_tag :defaults
    = csrf_meta_tag
    = yield(:head)
  %body
    #container
      #header
        %h1
          %a{:href => "/"} Peer Instruction Network
        #user-navigation
          %ul.wat-cf
            %li
              .content.login
                .flash
                  - flash.each do |type, message|
                    %div{ :class => "message #{type}" }
                      %p= message
                = form_for(resource, :as => resource_name, :url => session_path(resource_name), :html => { :class => "form login" }) do |f|
                  .group.wat-cf
                    .left= f.label :email, :class => "label right"
                    .right= f.text_field :email, :class => "text_field"
                  .group.wat-cf
                    .left= f.label :password, :class => "label right"
                    .right= f.password_field :password, :class => "text_field"
                  .group.wat-cf
                    .right
                      %button.button{ :type => "submit" }
                        Login
              /= link_to "Sign In", destroy_user_session_path
      #box
        = yield

注册页面haml文件：

%h2
.block
  .content.login
    .flash
      - flash.each do |type, message|
        %div{ :class => "message #{type}" }
          %p= message
      = form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f|
        = devise_error_messages!
        %div
          = f.label :firstname
          %br/
          = f.text_field :firstname
        %div
          = f.label :middlename
          %br/
          = f.text_field :middlename
        %div
          = f.label :lastname
          %br/
          = f.text_field :lastname
        %div
          = f.label :email
          %br/
          = f.email_field :email
        %div
          = f.label :password
          %br/
          = f.password_field :password
        %div
          = f.label :academic
          %br/
          = f.text_field :academic
        %div= f.submit "Continue"
      = render :partial => "devise/shared/links"

我使用web-app-theme创建一个activo主题，然后进行修改。

Answer 1

这是您的working app

我必须做一些事来解决它。

首先，我把它放在雪松堆上，这很重要。

然后，更改Gemfile至关重要。我做了Gist我在那里所做的事情，但总之我将sqlite3移动到dev并测试envs，然后我删除了rubyracer gem。

我认为这就是我所做的一切。

我养成了删除不再使用的编译资产的习惯，因为它们会占用public/assets

中的大量空间

Answer 2

我validated your css，它提出了很多关于无效属性的警告。

我怀疑正在提供的内容与文档中的内容之间存在某种字符集不匹配。由于CSS没有解析，所以CSS都不起作用。

Answer 3

几乎没有问题，overide.css不是找不到的。你有一个404：

http://www.peerinstruction.net/assets/web-app-theme/override.css

确保在您的assets / stylesheets / application.css中包含web-app-theme / override.css并运行：

RAILS_ENV=production rake assets:precompile

在你推送到heroku之前

Answer 4

我有点“css资产没有加载到Heroku上”。

我的问题是我忘记在本地编译资产 - 如果在您的应用中检测到public/assets/manifest.yml，则必须执行此操作。此文件的存在告诉Heroku您自己正在处理资产编译，不会尝试编译您的资产。

请参阅Rails 3.1 on Heroku Cedar

Rails CSS没有使用Heroku加载

4 个答案: