Laravel public直下のcssファイルが効かない

Question

実現したいこと

只今laravel5.5にてサイトを構築中です。
cssファイルをpublicフォルダ内にて設置し<link href="{{ asset('css/app.css') }}" rel="stylesheet">のようにbladeファイルに記載しcssファイルを読み込む。

問題

ここを<link href="{{ asset('css/mypage/index.css') }}" rel="stylesheet">のようにpublic/cssフォルダ内にディレクトリ作成、その中のcssファイルを読み込もうとする
→cssを読み込む

しかし<link href="{{ asset('css/mypage.css') }}" rel="stylesheet">のようにpublic/css直下のcssファイルを読み込もうとする
→cssを読み込まない

もし情報が少ない場合はおっしゃってください、情報を追加していこうと思っております。
よろしくお願いいたします。

Comments

[退会済みユーザー]

変換したHTMLからパスを確認すれば正誤はある程度わかるはずだが。

Answer 1

ものは試しですが、こちらを試していただけますか？

<link href="{{ asset('/css/mypage.css') }}" rel="stylesheet">

Answer 2

ブラウザから画面のソースコードを表示してみて、

<link href="{{ asset('css/mypage.css') }}" rel="stylesheet">

の箇所が狙い通りのURLになっているか確認してみてください。
狙い通りのURLになっている場合、そのURLにアクセスできるか確認してみてください。
アクセスできない場合、パスが間違っていたりcssファイルのアクセス権限などを疑ってみてください。

狙い通りのURLになっていない場合、キャッシュを削除してみてください。

php artisan view:clear
php artisan cache:clear
php artisan config:clear
php artisan route:clear

Answer 3

public/css直下にmypageというディレクトリがあるためではないでしょうか。

asset('css/mypage.css')と指定しているので、public直下ではなく、public/css直下にmypage.cssをおく必要があると思います。

Comments

[kazoogon]

回答ありがとうございます。
失礼しました、public/cssにmypage.cssは設置してありました。
そのうえでcssが読み込みませんでした。