AWSでCSSが反映されなくなった!
連休中ほとんど勉強してなかったですが、気を取り直して就活と勉強を再開しました。
オリジナルアプリの本番環境ではまだ何もアップしていなくてまっさらな状態だったのでログインして作品登録しようと思ったら、あれ?ログインボタンがない
VS Codeを確認。問題はなさそう。renderを確認。
あ!テーブル要素を追加してフォームを表形式に変更したところからずっとデプロイを失敗してる!!
なんてっこった…
改善するために参考にFurimaを見に行くと…あれ!?画像がリンク切れになってる!と思ったらよく見たらcssが反映されてない!
なぜだー!!ローカル環境で確認するとローカルは正常通りok
Chat-GPTに聞いてみると、
いくつか教えてくれてまずパスの確認する。いろいろパスや書き方を試したがダメ。webでも検索して似た状況のブログを発見。同じように確認するもダメ。
そして思い出した。
デプロイした当初はちゃんとcssも反映されてた。ということはおそらくコードやデプロイの仕方は問題ないかと。
そしてChat-GPTの質問の仕方を変えてみる。
①キャッシュの削除、②cssのURLが変更された、③awsのWEBサーバー上でcssが削除された可能性
との事。まず①キャッシュの削除をするがダメ。②はローカルでは正常に表示できているので良いはず。③はイジってないはずなんだけど…
そこでまたWEBで検索。先ほどとは別のブログを参考に確認してみる。
検証ツールで見てみるとほとんどのcssが出てきていない。実際のビューと同じ感じ。
でもdisply: blockとかtext-alignとかは出てきてる。全くcssが効いてないわけじゃない様子。
結局、今日は解決ならず…
あとオリアプのデプロイも…。