Как узнать причину почему Ruby on Rails не подгружает стили?

Question

[arruah]

Я пытаюсь упаковать RoR проект в докер при помощи docker-compose. Проект запускается но не подгружаются стили. В логах вот это:

I, [2019-01-13T05:25:34.400480 #1]  INFO -- : Started GET "/body/list/all" for 172.23.0.1 at 2019-01-13 05:25:34 +0000
I, [2019-01-13T05:25:34.406057 #1]  INFO -- : Processing by PublicBodyController#list as HTML
I, [2019-01-13T05:25:34.481372 #1]  INFO -- :   Rendered public_body/_body_listing.html.erb (1.2ms)
I, [2019-01-13T05:25:34.485731 #1]  INFO -- :   Rendered public_body/_alphabet.html.erb (3.5ms)
I, [2019-01-13T05:25:34.493234 #1]  INFO -- :   Rendered public_body/_list_sidebar_extra.html.erb (1.0ms)
I, [2019-01-13T05:25:34.493418 #1]  INFO -- :   Rendered public_body/list.html.erb within layouts/default (14.5ms)
I, [2019-01-13T05:25:34.494712 #1]  INFO -- :   Rendered layouts/_favicon.html.erb (0.4ms)
I, [2019-01-13T05:25:34.496835 #1]  INFO -- :   Rendered general/_responsive_stylesheets.html.erb (0.8ms)
I, [2019-01-13T05:25:34.497232 #1]  INFO -- :   Rendered general/_stylesheet_includes.html.erb (1.9ms)
I, [2019-01-13T05:25:34.498290 #1]  INFO -- :   Rendered general/_opengraph_tags.html.erb (0.4ms)
I, [2019-01-13T05:25:34.499673 #1]  INFO -- :   Rendered lib/themes/alavetelitheme/lib/views/general/_before_head_end.html.erb (0.6ms)
I, [2019-01-13T05:25:34.510512 #1]  INFO -- :   Rendered general/_locale_switcher.html.erb (0.2ms)
I, [2019-01-13T05:25:34.511186 #1]  INFO -- :   Rendered general/_log_in_bar.html.erb (0.3ms)
I, [2019-01-13T05:25:34.523354 #1]  INFO -- :   Rendered general/_nav_items.html.erb (0.9ms)
I, [2019-01-13T05:25:34.523524 #1]  INFO -- :   Rendered general/_responsive_topnav.html.erb (11.7ms)
I, [2019-01-13T05:25:34.523657 #1]  INFO -- :   Rendered general/_responsive_header.html.erb (14.2ms)
I, [2019-01-13T05:25:34.525045 #1]  INFO -- :   Rendered general/_responsive_credits.html.erb (0.2ms)
I, [2019-01-13T05:25:34.529978 #1]  INFO -- :   Rendered general/_responsive_footer.html.erb (5.7ms)
I, [2019-01-13T05:25:34.531204 #1]  INFO -- :   Rendered lib/themes/alavetelitheme/lib/views/general/_before_body_end.html.erb (0.5ms)
I, [2019-01-13T05:25:34.531496 #1]  INFO -- : Completed 200 OK in 125ms (Views: 37.4ms | ActiveRecord: 66.1ms)
I, [2019-01-13T05:25:34.546144 #1]  INFO -- : Started GET "/stylesheets/responsive/application.css" for 172.23.0.1 at 2019-01-13 05:25:34 +0000
I, [2019-01-13T05:25:34.551177 #1]  INFO -- : Processing by GeneralController#not_found as CSS
I, [2019-01-13T05:25:34.551243 #1]  INFO -- :   Parameters: {"path"=>"stylesheets/responsive/application"}
I, [2019-01-13T05:25:34.552297 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T05:25:34.554729 #1]  INFO -- : Started GET "/javascripts/application.js" for 172.23.0.1 at 2019-01-13 05:25:34 +0000
I, [2019-01-13T05:25:34.559508 #1]  INFO -- : Processing by GeneralController#not_found as JS
I, [2019-01-13T05:25:34.559613 #1]  INFO -- :   Parameters: {"path"=>"javascripts/application"}
I, [2019-01-13T05:25:34.560663 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T05:25:34.563017 #1]  INFO -- : Started GET "/stylesheets/responsive/print.css" for 172.23.0.1 at 2019-01-13 05:25:34 +0000
I, [2019-01-13T05:25:34.567878 #1]  INFO -- : Processing by GeneralController#not_found as CSS
I, [2019-01-13T05:25:34.567976 #1]  INFO -- :   Parameters: {"path"=>"stylesheets/responsive/print"}
I, [2019-01-13T05:25:34.569313 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T05:25:34.593278 #1]  INFO -- : Started GET "/images/favicon.ico" for 172.23.0.1 at 2019-01-13 05:25:34 +0000
I, [2019-01-13T05:25:34.597898 #1]  INFO -- : Processing by GeneralController#not_found as 
I, [2019-01-13T05:25:34.597971 #1]  INFO -- :   Parameters: {"path"=>"images/favicon"}
I, [2019-01-13T05:25:34.598964 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)

Хотя файлы там на которые он жалуется присутствуют.
Если я разворачиваю при помощи vagrant этот же проект, то всё нормально работает.

Comments

[Everything_is_not_so_bad]

Ну ведь сервер не будет лгать.
Это в режиме production? Нужно проверить выполнена ли прекомпиляция assets.

[arruah]

Роман Мирр, rake assets:precompile выполнен. ls -lah ведь тоже обманывать не будет :) Файлы там есть.

[Everything_is_not_so_bad]

arruah, покажи содержимое файла application.css

[arruah]

Роман Мирр, Я прогнал повторно assets:precompile И похоже что ошибки изменились.

I, [2019-01-13T06:39:35.975332 #1]  INFO -- : Completed 200 OK in 65ms (Views: 24.0ms | ActiveRecord: 32.3ms)
I, [2019-01-13T06:39:36.023607 #1]  INFO -- : Started GET "/assets/responsive/application-5556d0bd984cd6a215a2fba3f137b41671830adddd0a4e5de8d84552059b8eee.css" for 172.24.0.1 at 2019-01-13 06:39:36 +0000
I, [2019-01-13T06:39:36.027853 #1]  INFO -- : Processing by GeneralController#not_found as CSS
I, [2019-01-13T06:39:36.027922 #1]  INFO -- :   Parameters: {"path"=>"assets/responsive/application-5556d0bd984cd6a215a2fba3f137b41671830adddd0a4e5de8d84552059b8eee"}
I, [2019-01-13T06:39:36.028791 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:39:36.030963 #1]  INFO -- : Started GET "/assets/responsive/print-f382691f6b7273571ffb7f402fe142b58891fec1e115fe46abdd8e80a3c064cc.css" for 172.24.0.1 at 2019-01-13 06:39:36 +0000
I, [2019-01-13T06:39:36.035236 #1]  INFO -- : Processing by GeneralController#not_found as CSS
I, [2019-01-13T06:39:36.035309 #1]  INFO -- :   Parameters: {"path"=>"assets/responsive/print-f382691f6b7273571ffb7f402fe142b58891fec1e115fe46abdd8e80a3c064cc"}
I, [2019-01-13T06:39:36.036277 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:39:36.038571 #1]  INFO -- : Started GET "/assets/application-2a8ac249e64af6c4f51ea69e2434c8015566c38f19aee6b4ee135bbca68c0b3f.js" for 172.24.0.1 at 2019-01-13 06:39:36 +0000
I, [2019-01-13T06:39:36.042664 #1]  INFO -- : Processing by GeneralController#not_found as JS
I, [2019-01-13T06:39:36.042734 #1]  INFO -- :   Parameters: {"path"=>"assets/application-2a8ac249e64af6c4f51ea69e2434c8015566c38f19aee6b4ee135bbca68c0b3f"}
I, [2019-01-13T06:39:36.043772 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:39:36.267607 #1]  INFO -- : Started GET "/assets/application-2a8ac249e64af6c4f51ea69e2434c8015566c38f19aee6b4ee135bbca68c0b3f.js" for 172.24.0.1 at 2019-01-13 06:39:36 +0000
I, [2019-01-13T06:39:36.272565 #1]  INFO -- : Processing by GeneralController#not_found as JS
I, [2019-01-13T06:39:36.272662 #1]  INFO -- :   Parameters: {"path"=>"assets/application-2a8ac249e64af6c4f51ea69e2434c8015566c38f19aee6b4ee135bbca68c0b3f"}
I, [2019-01-13T06:39:36.274130 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:39:36.339838 #1]  INFO -- : Started GET "/assets/favicon-3e06c6d6cb34168fb0342ef3186f733b2c7d1c44422d1136013ad3cca6c4694f.ico" for 172.24.0.1 at 2019-01-13 06:39:36 +0000
I, [2019-01-13T06:39:36.344133 #1]  INFO -- : Processing by GeneralController#not_found as 
I, [2019-01-13T06:39:36.344207 #1]  INFO -- :   Parameters: {"path"=>"assets/favicon-3e06c6d6cb34168fb0342ef3186f733b2c7d1c44422d1136013ad3cca6c4694f"}
I, [2019-01-13T06:39:36.345236 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:40:26.861550 #1]  INFO -- : Started GET "/assets/responsive/application-5556d0bd984cd6a215a2fba3f137b41671830adddd0a4e5de8d84552059b8eee.css" for 172.24.0.1 at 2019-01-13 06:40:26 +0000
I, [2019-01-13T06:40:26.866802 #1]  INFO -- : Processing by GeneralController#not_found as CSS
I, [2019-01-13T06:40:26.866907 #1]  INFO -- :   Parameters: {"path"=>"assets/responsive/application-5556d0bd984cd6a215a2fba3f137b41671830adddd0a4e5de8d84552059b8eee"}
I, [2019-01-13T06:40:26.868288 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)
I, [2019-01-13T06:40:27.054007 #1]  INFO -- : Started GET "/favicon.ico" for 172.24.0.1 at 2019-01-13 06:40:27 +0000
I, [2019-01-13T06:40:27.058791 #1]  INFO -- : Processing by GeneralController#not_found as 
I, [2019-01-13T06:40:27.058881 #1]  INFO -- :   Parameters: {"path"=>"favicon"}
I, [2019-01-13T06:40:27.060299 #1]  INFO -- : Completed 404 Not Found in 1ms (ActiveRecord: 0.0ms)

Содержимое application.css

/* ...
*= require_self
*= require normalize
*= require responsive/main
*= require jquery-ui/datepicker
*= require jquery-ui/tabs
*/

Файлы на которые он жалуются в системе присутствуют. Кроме этих двух.
print-f382691f6b7273571ffb7f402fe142b58891fec1e115fe46abdd8e80a3c064cc
application-2a8ac249e64af6c4f51ea69e2434c8015566c38f19aee6b4ee135bbca68c0b3f

Answer 1

[Everything_is_not_so_bad]

Нужно выполнить прекомпиляцию assets,
затем обновить страницу при помощи Ctrl-F5, чтобы подхватил пути новых файлов стилей. Можно также перезапустить браузер. В DevTools в закладке Network нужно понаблюдать по каким путям идёт обращение к стилям.
Вообще, сложно гадать без кода. Если не поможет вышеназванное, то предположу что дело в файле Gemfile или инициализации фреймворка.

Comments

[Everything_is_not_so_bad]

arruah, без веб-сервера Apache/Nginx необходимо указывать
переменную окружения RAILS_SERVE_STATIC_FILES=true как указал Запорожченко Олег .
Лучше попробовать воссоздать контейнер с нуля, а то неясно что изменяется после наших советов, а что - нет.

Answer 2

[Запорожченко Олег]

У Вас vargrant скорее всего настроен для девелопмента, а в докере пытаетесь запустить в продакшене. Руби медленный для раздлачи ассетов, поэтому рельса по умолчанию в продакшене их не раздает, расчитывая что это будет делать нгинкс.

Поэтому нужно либо добавить нгинкс в докер, либо установить serve_static_assets = true в production.rb

Кроме того нужно убедиться, что все ассеты компилируются, те которые нет добавить в assets.rb в инишиалайзерах

Comments

[arruah]

Пробовал с nginx ошбки те же. Не может найти файлы хотя они там есть.
Вот этот проект я пытаюсь упаковать в докер. https://github.com/mysociety/alaveteli
В Vagrant вроде тоже в production.

[Запорожченко Олег]

arruah Даже с докер файлом врядли кто-то будет воспроизводить ваше решение локально.

Всего может быть 2 варианта, почему файл не подгружается

1. Он не скомпилировался
2. Он не подгружается веб сервером

Порядок дебагинга такой
1. Открываете консоль сети в браузере, проверяете какие файлы тянутся
2. Заходите в контейнер и смотрите папку public/assets
3. Если там есть эти файлы, самым простым способом будет включить servse_static_assets для рельсы, чтобы убедиться, что все работает
4. Начинаете настраивать NGINX Для этого опять же из контейнера смотрите логи нгинкса, чтобы убедиться что обычные запросы идут в рельсу, а запросы на ассеты отдают статичные файлы

Главное четко уяснить, какой из этих шагов не работает так, как вы ожидаете, а дальше уже искать решения

[arruah]

Запорожченко Олег, Попробую.

Answer 3

[dexdev]

Попробуйте старым дедовским методом capistrano nginx во первых вы поймете как это все работает, потом упакуете в docker. Или не парьтесь и найдите DevOps.
habrahabr.ru/post/240025 в помощь, мне в свое время очень помогла.

Answer 4

[vsuhachev]

Можно использовал 2 варианта:

Первый: компилить ассеты перед сборкой образа и паковать `public/assets` в образ. А затем эту папку как volume цеплять в контейнер к nginx и писать соответствующий конфиг для nginx

Второй: компилить ассеты в контейнере (включать servse_static_assets в рельсах) и настроить кэширование для ассетов на стороне веб-сервера.

Comments

[arruah]

Решил пока проверить без докера на чистой системе. Но там такая же проблема. Причина похоже не в докере.