npm run dev でエラーが発生します。

React アプリを起動しようとすると、以下のエラーがよく発生します。

packit-frontend@0.0.0 dev
vite

file:///home/ariel/Desktop/PackIt/PackIt-frontend/node_modules/vite/bin/vite.js:7
    await import('source-map-support').then((r) => r.default.install())
    ^^^^^

SyntaxError: Unexpected reserved word
    at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)
    at async link (internal/modules/esm/module_job.js:42:21)

このエラーは、多くの場合、ノードのバージョンが予期されたバージョンより低いことが原因で発生します。以下は、この問題を解決するためのガイドです:

1. ノードのバージョンを確認してください。

node -v

1. ノードのバージョンが バージョン 21 より低い場合は、ノード 21 以降 をインストールすることをお勧めします。

nvm install 21

1. インストールが完了すると、バージョン 21 を使用できるようになります。

nvm use 21

1. 次のコマンドを使用してアプリを再度実行します

npm run dev

期待される結果は次のようになります:

> packit-frontend@0.0.0 dev
> vite


  VITE v5.3.4  ready in 222 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

以上がnpm run dev でエラーが発生します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。