Rails CSS не загружается с помощью Heroku - PullRequest
Новая
       19

Rails CSS не загружается с помощью Heroku

2 голосов
/ 17 ноября 2011

ОБНОВЛЕНИЕ : Полный код сайта здесь - 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, а затем изменил ее.

Ответы [ 4 ]

3 голосов
/ 19 ноября 2011

вот ваше рабочее приложение

Мне пришлось сделать несколько вещей, чтобы исправить это.

Во-первых, я положил его в стек кедра, это важно.

Тогда жизненно важно изменить свой Gemfile.Я сделал Gist из того, что я там сделал, но вкратце я переместил sqlite3 в dev и test envs и удалил гем rubyracer.

Я думаю, это все, что я сделал.

Я бы приобрел привычку удалять скомпилированные ресурсы, которые больше не используются, поскольку они просто займут много места в public/assets

2 голосов
/ 22 ноября 2011

Я только что узнал, что css не загружается на Heroku.

Моя проблема заключалась в том, что я забыл скомпилировать ресурсы локально - это то, что вы должны сделать, если в вашем приложении обнаружен public/assets/manifest.yml. Наличие этого файла говорит Heroku, что вы сами обрабатываете компиляцию активов и не попытаетесь скомпилировать ваши активы.

См. Рельсы 3.1 на Heroku Cedar

2 голосов
/ 19 ноября 2011

Мало проблем, overide.css не найден. У вас есть 404:

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

Убедитесь, что вы включили web-app-theme / override.css в ваши assets / stylesheets / application.css и запустите: 

RAILS_ENV=production rake assets:precompile

прежде чем толкнуть к героку

2 голосов
/ 17 ноября 2011

I подтвердил ваш css , и он выдал множество предупреждений о недействительных свойствах.

Я подозреваю, что это какое-то несоответствие набора символов между тем, что обслуживается, и тем, что находится в документе. Из-за того, что CSS не разбирается, ни один из CSS не будет работать.

...