我们在尝试启动 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)
此错误通常是由于您的节点版本低于预期版本引起的。以下是一些帮助您解决此问题的指南:
- 检查您的节点版本。
node -v
- 如果您的节点版本低于版本21,我会建议您安装节点21或更高版本。
nvm install 21
- 安装完成后,现在就可以使用21版本了。
nvm use 21
- 再次运行应用程序
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