はじめに
今回はなぜか古いファイルが残ってしまい、新しいファイルが反映されない問題が起こったので、（一応？）解決までの流れを、次回の為にも残しておきたいと思います
環境
- Windows, WSL
- Docker
- Ruby 3.2.3
- Rails 7.1.3
おこったこと
app/javascript/application.jsに前のコードを消し、新しいコードを入力しました。
そして以下の流れ
bin/dev
docker compose down
docker compose up
これで古いのは抹消されたかと思いきや、いきていました。
さらに試したこと
1. ブラウザのキャッシュをクリアする
ブラウザは、表示を早くするためにキャッシュを使うことがあるそうで、新しいファイルが反映されない場合、まずはブラウザのキャッシュをクリアしてみました。
-
Chromeの場合:
- ブラウザの右上にある3つの点をクリック。
- 「その他のツール」→「閲覧履歴の消去」を選択。
- 「キャッシュされた画像とファイル」にチェックを入れ、「データを消去」をクリック。
2.上記だけでは解決しなかった
開発ツールのConsoleでまだ、古いのが残っていて、エラーが出ていました。
そして以下を実行することで何とか解消
rails assets:clobber # 古いアセットを削除
rails assets:precompile # 新しいアセットを生成
この後再びローカルサイトを訪れても反映されていなかったので再度
bin/dev
docker compose down
docker compose up
で何とか古いファイルはなくなった（はず。エラーは出ていないから）
さいごに
人に尋ねることで開発ツールで出ていたエラー内容を理解し、解決までは自分で何とかできましたが、、さらなるエラーが待っていました。
開発ツールからエラー内容を正確に読み取るにはまだまだ時間がかかりそうですが、頑張る！！
今回の記事が何かの参考になれば幸いです。