1

Railsではstylesheetsディレクトリ配下にapplication.cssがあればそれだけで自動的に反映されると言われますが、全く反映されません。何が問題ですか?

特にこれといったエラーは全くありません。
ちなみにHTMLは面倒くさいのでERBじゃなくて普通のHTMLです。
もちろん個別じゃなくてviewごとのHTML全体に反映するapplication.cssを適用したいです。
Railsのバージョンは7.0.6です。
解決策をお願いします。

一応application.cssの中身

一応application.cssの中身

2
  • 2
    Rails のバージョンはいくつですか? また、何でもよいのでスタイルが適用されていない HTML の中身をひとつ見せていただけないでしょうか。
    – nekketsuuu
    Commented 2023年9月11日 0:12
  • railsのバージョンは7.0.6です。
    – Star
    Commented 2023年9月11日 12:27

1 件の回答 1

1

Rails 7.0 の場合、rails new した直後の状態では app/views/layouts/application.html.erb に <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %> のような記述があるはずです"data-turbo-track": "reload" があるかどうかは Hotwire (Turbo) を使っているかで変わります。まずこれがあるかを確認してください。まったくスタイルが反映されないということであれば、application.css を読み込めていない可能性があります。

これがあるのにスタイルが反映されない場合、ブラウザで HTML ソースを見たときに application.css を読む <style> タグがあるか確認してください。これが無かったり、あっても CSS の内容がおかしい場合、何かしら設定がデフォルトから外れていてうまく動いていません。怪しいのはアセットパイプラインなので、設定やコマンドに間違いがないか確認してみてください: https://railsguides.jp/v7.0/asset_pipeline.html

application.css を読み込んでいて、その中身も意図したものになっているのにスタイルが反映されない場合、HTML か CSS の実装がおかしいです。打ち間違いが無いかなどを確認してください。

1

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。