需要があるかどうかは分かりませんが、あくまで自分用のメモとして残しておきます。
どういうこと?
個人的にLaravel Mix(webpack)
を使用してLaravelプロジェクト開発の練習を行っていた際、認証機能の実装を全部手動で行うのが手間だった為、Laravel Breeze
に丸投げしてしまおうと思いインストールしたら、js
もcss
も反映されなかった。
インストールの手順は?
公式のドキュメント通りにインストール。
composer require laravel/breeze --dev
php artisan breeze:install
php artisan migrate
npm install
npm run dev
インストール後の状態は?
welcome.blade.php
のページは問題ないが、認証関連のページが軒並み全滅。
原因は?
ドキュメントの通りインストールすると、vite
を使用するようにページが生成されてしまうのが原因の模様。
現プロジェクトはlaravel mix
を使用しているためvite
が動かず、結果生成された認証関連のblade
ファイルに反映されなくなってしまっていた。
※各種blade
ファイルのjs
css
の読み込みが以下のような記述だと、laravel mix
環境では反映されない
@vite(['resources/css/app.css', 'resources/js/app.js'])
解決方法は?
単純に、上記の記述を書き換えればOK。
@vite(['resources/css/app.css', 'resources/js/app.js']) ← 削除
↓
<link href="{{ mix('css/app.css') }}" rel="stylesheet"> ← 追加
<script src="{{ mix('js/app.js') }}"></script> ← 追加
【補足】@vite
の記述が確認できたファイル
resources/views/layouts/guest.blade.php
resources/views/layouts/app.blade.php