現在、プログラミング学習中の初学者です。
エラーが解決できずにいますのでわかる方、ご教授お願いします。

発生している問題

docker導入済みのアプリの中で、binding.pryを使った後、コンテナをもう一度立ち上げ、ブラウザをリロードするとcssが反映されなくなってしました。

#エラーログ
コンソールのエラーログには以下が表示されていました

GET http://localhost:3000/packs/js/application-dfcc771480d1240e4942.js net::ERR_ABORTED 404 (Not Found)

ターミナルのログは以下になります

Started GET "/packs/js/application-dfcc771480d1240e4942.js" for 172.26.0.1 at 2021-04-03 03:10:01 +0000
web_1        | Cannot render console from 172.26.0.1! Allowed networks: 127.0.0.0/127.255.255.255, ::1
web_1        |
web_1        | ActionController::RoutingError (No route matches [GET] "/packs/js/application-dfcc771480d1240e4942.js"):

調べたこと

パスの指定が違うと思いましたが、今までは何もエラーは起きずcssが表示されていましたのでおそらくこれが原因ではないだろうと思いました。
ちなみにパスは
/jsvascript/packs/(こちらが自分で作成したファイル)
/public/packs/js/(webpackまわり？などをインストールした時に作成されるファイルがあるフォルダ)
その後まずapplication-dfcc771480d1240e4942.jsがどこにあるか調べましたが
どこにもjsファイルはありませんでした。
その後エラーで検索し
cssの変更が反映されない
上記の記事を参考にして

CSSを削除しても変わらなかったので、ブラウザが原因だと思い、

デベロッパーツールからブラウザのキャッシュをクリアしたところ直った。
CSSが反映されないときはとりあえずブラウザのキャッシュを疑うべきとのことらしい。

を行ったが変わらず反映されなかったです。
application-dfcc771480d1240e4942.jsを読み込まないようにすればエラーが出ずに機能するのではないかと考えていますが的外れな考えであればすみませんがわかる方ご教授お願いします。

追記させていただきます
リンク内容
エラー文で検索して上記の記事を参考に、以下のコードを記述し、
config/environments/production.rb

config.server_static_files = true

その後

docker-compose down

した後再度コンテナを立ち上げてから
アクセスしましたが変化はありませんでした。

行動規範の内容に同意します

回答1件

ベストアンサー

Dockerfile や docker-compose.yaml がないので推測なのですが、 docker build や docker-compose upコマンドの実行で、何らかの Docker イメージやボリュームが作成済みのように見受けられます。

設定を変更したつもりでも、既に Docker コンテナが見えているファイルシステム上には（古いままの）各種ファイルが残っているため、実際には反映されていない可能性があります。

そのため、画面上には存在しないはずの .js ファイルを読み込もうとして 404 Not Found といったエラーが出ています。

一番簡単な比較・調査方法としては、別のディレクトリに Dockerfile や docker-compose.yaml その他関連ファイルを再作成し、もう一度 docker-compose up などを試されてはいかがでしょうか。おそらく、今の環境とは別に Docker コンテナが再作成されるため動く可能性があります。それでも動かなければ、何か古い Docker イメージが残ったままかもしれませんので、削除後に再度手順を実行されるのをおすすめします。

投稿2021/04/05 21:56