插件窝 干货文章 npm run dev 报错

npm run dev 报错

class 版本 div pre 70    来源:    2024-10-22

我们在尝试启动 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