Ubuntu-24.04でlaravelのプロジェクトを起動する方法について

実現したいこと

sailを使用して開発環境の構築を行いログイン、テーブル情報取得、メール送信機能を実装しました。

本番環境へのデプロイを想定して新たにPCにUbuntu-24.04をインストールし
開発環境のプロジェクトフォルダをルートに配置しましたが、
viteの起動が上手くいかず表示が崩れます。

viteをどのように起動すればよろしいでしょうか？
手順がそもそも間違っているのでしょうか？
お詳しい方お手数ですが、ご回答のほどよろしくお願いいたします。

発生している問題・分からないこと

コマンド［npm run dev］を実行すると以下のようなエラーとなります。

/var/www/test4$ npm run dev

dev
vite

'\wsl.localhost\Ubuntu-24.04\var\www\test4'

上記の現在のディレクトリで CMD.EXE を開始しました。
UNC パスはサポートされません。Windows ディレクトリを既定で使用します。
'vite' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチファイルとして認識されていません。

画面はレイアウトは崩れていますが、表示されます。

該当のソースコード

特になし

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

プロジェクトは開発環境で作成したフォルダ一式をvar/www配下に置きました。

以下で起動しています。※本来であればApache HTTPサーバーとなると思いますが取り急ぎ。
php artisan serve --host=localhost --port=8888

補足

ubuntu環境構築の参考サイト
https://qiita.com/studio_meowtoon/items/cd0c4a607d451dbf5430

laravel構築の参考サイト
https://qiita.com/k-m-haruyama/items/db3d1e660a8290f33f28

mysqlの設定の参考サイト
https://mebee.info/2020/08/17/post-16820/
マイグレーションでmysqlの接続がうまくいかなかった時に参考にしたサイト
https://laratech.jp/posts/laravel-error-could-not-fine-driver/
※sudo apt install -y php-mysqlnd

akooooo

2025/05/27 06:23

過去のサイトに npm run devがどういうものか記載されたものがありました。 https://teratail.com/questions/651oj90fvmlkot 開発環境で「sail npm run build」を実行したところコマンド自体は成功したのですが、やはりviteを起動しないと画面が崩れてしまうようです。。。。。＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ ~/workspace/laravel-docker/test4$ sail npm run build > build > vite build vite v6.3.5 building for production... ✓ 54 modules transformed. public/build/manifest.json 0.27 kB │ gzip: 0.15 kB public/build/assets/app-oaFMH0XK.css 42.33 kB │ gzip: 7.81 kB public/build/assets/app-Bf4POITK.js 79.80 kB │ gzip: 29.76 kB ✓ built in 1.28s