環境
laravel 9.0
laravel/breeze 1.19
laravelで認証機能ライブラリのbreezeをインストールをしようとしたらハマったで備忘録として残します。
リファレンスに従ってコマンドを打ちます。
composer require laravel/breeze --dev
bladeで使用する場合は、以下のコマンドを使用。
reactやvueは、他のコマンドを使用。
php artisan breeze:install
アプリケーションのCSSファイルを使用できるようにアセットをコンパイルさせるコマンド
npm install
npm run dev
↑コマンドここでハマった。
エラー内容
npm run dev
で起動しても終了してしまい、php artisan ser
でサーバを立ち上げて、アクセスをすると以下のエラーになる。
Vite manifest not found at: ファイルパス
Start the development server
Run `npm run dev` in your terminal and refresh the page.
エラー内容通りにnpm run dev
実行するも、起動しない。
解決方法
package.josnの内容を変更
変更前
package.josn
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.2",
"alpinejs": "^3.4.2",
"autoprefixer": "^10.4.2",
"axios": "^0.25",
"laravel-mix": "^6.0.6",
"lodash": "^4.17.19",
"postcss": "^8.4.6",
"tailwindcss": "^3.1.0"
}
}
変更後
package.josn
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production",
"dev": "vite",
"build": "vite build"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.2",
"@vitejs/plugin-vue": "^4.0.0",
"alpinejs": "^3.4.2",
"autoprefixer": "^10.4.2",
"axios": "^0.25",
"laravel-mix": "^6.0.6",
"laravel-vite-plugin": "^0.7.4",
"lodash": "^4.17.19",
"postcss": "^8.4.6",
"tailwindcss": "^3.1.0",
"vite": "^4.1.4"
}
}
原因
アプリ新規作成時に9を指定していたが、8になっており、コンパイルが9からviteに変更になったため、Mixのままになっていたから。