せっかくある程度のデザインができたのに、productionモードで動作確認するとCSSがバグって表示が崩れてしまいました。
BootStrapのCSSが反映されていませんでした。
解決するのにとても時間がかかったのでメモ。

TL;DR

動作環境

動作環境は下記になります。

今回productionモードで動作させるために

Failed to load resource: the server sesponded with a status of 404(Not Found) bootstrap.css:1

CSSが見当たらないよというエラーが発生しています。

このエラーが発生している原因の検討をつけます。
自分のアプリの場合はBootStrapをapp/assets/stylesheets/application.scssで読み込むように設定していました。
該当するファイルを開いてみると、下記の書き方をしていました。これが原因でした。

app/assets/stylesheets/application.scss

@import "bootstrap/dist/css/bootstrap.css";
@import "font-awesome-sprockets";

これは書き方の問題ですが、単純に.cssという記述が必要ありません。
コードを下記のように修正します。

app/assets/stylesheets/application.scss

- @import "bootstrap/dist/css/bootstrap.css";
+ @import "bootstrap/dist/css/bootstrap";

修正した後下記手順を行い表示崩れが直っていればokです!!

なぜ上記のような記述になっていたのかは覚えがありませんが、書き方が.cssいるかいらないかわからないけど動いたから大丈夫でしょということだったと思います。

具体的にはわかりませんが、
developmentモードはこの微妙な間違いとかを解釈して動くようにしてくれるらしいです。
Rails恐るべし...
developmentモード恐るべし...

Railsのアップグレードを行ったのですが、Railsを5から6に上げたせいか全体的に動作がもっさりしてる…
どうにかならんかな...
知ってる人いたら教えてください!!