herokuにデプロイ後もtailwind cssを機能させたい

実現したいこと

herokuにデプロイ後もtailwind cssを機能させたい

前提

cloud9にてlaravelのフレームワークを使い、アプリケーションを開発しました。主に言語はPHPです。githubにpush後にherokuにてデプロイしております

発生している問題・エラーメッセージ

以下のメッセージはherokuのconsoleにてnpm run buildを行った結果です > build > vite build sh: 1: vite: not found

該当のソースコード

//package.json { "private": true, "scripts": { "dev": "vite", "build": "vite build", "heroku-postbuild": "npm run build", }, "devDependencies": { "@tailwindcss/forms": "^0.5.2", "alpinejs": "^3.4.2", "autoprefixer": "^10.4.16", "axios": "^1.1.2", "flowbite": "^2.1.1", "laravel-vite-plugin": "^0.7.2", "lodash": "^4.17.19", "postcss": "^8.4.31", "tailwindcss": "^3.3.5", "vite": "^4.0.0" } }

試したこと

heroku にてnpm run buildを行った
package.jsonを上記のように変えてみた

補足情報（FW/ツールのバージョンなど）

私の考えではviteが読み込めていたいために発生しているエラーだと思います