0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Laravelを使った開発でのFailed to load resource: the server responded with a status of 404 (Not Found) の解決方法

Posted at

エラーになった背景

Webアプリの開発をしていた際に、HTMLとCSSをいじっていたら上記のエラーと遭遇しました。
cssファイルをうまく読み込めない方に参考にしていただきたいです。

解決方法

cssファイルを移動させる

cssファイルが僕の場合resourcesディレクトリにあったのでそれをpublicディレクトリに移動させました。

cssファイルの記述を確認する

laravelではcssファイルなどの外部ファイルの読み込みにasset()関数を使うらしいです。

layout.blade.php

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

cssファイルを読み込むファイルに記述してください。
これで設定は完了です。

参考文献

SLING ACADEMY
Laravel:How to link to static assets in Blade templates

Tekito style
【初心者向け】 LaravelでCSSが反映されない時の4つの対処法 #Laravel勉強ログ

参考にさせていただきました。
ありがとうございます!

最後に

僕はこのエラー解決に半日を費やしました。
同じエラーに苦しむ方へ参考にしていただけたら嬉しいです!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?