【npm run build時エラー】 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='

はじめに

phpをメインでやっているのでフロント側、知見ないです。
自分の備忘録に書いています。

デプロイしている環境で以前にもnpm run buildしていましたが
今回なぜかうまくいかず。。。

考えられる原因

・バージョンが古い

node -vでバージョンの確認
v.14以降でないと??=に対応できずエラーになるそう。
またviteのv.5以降はnodeの18以降（2024年11月7日最新バージョン）でないとインストール失敗する。
nodeのv.18をインストール

sudo npm install -g n
sudo n 18

node -vをしてもキャッシュがあるので過去のバージョンが表示される。
まずはキャッシュを削除してからバージョン確認

hash -r
node -v

・viteが入っていない

package.jsonにviteのバージョンが書かれているかチェック

{
  "devDependencies": {
    "vite": "^x.x.x"  // x.x.xはバージョン番号
  }
}

lockファイルを削除し、依存関係をリセット

rm -rf node_modules
rm package-lock.json

viteのインストール

# viteのインストール
npm install laravel-vite-plugin
# Viteの最新バージョンをインストール
npm install vite@latest --save-dev

やってる最中いろいろWARNとか出ますが無視でいいです。
非推奨、バージョンあげろーなどの警告です。

これでvite -vで確認できたら完了。

npm run build