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?

More than 1 year has passed since last update.

[laravel 9] npm run devが起動しない

Last updated at Posted at 2023-04-09

環境
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のままになっていたから。

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?