React 的“npm create vite@latest”问题:无法初始化项目

问题描述 投票:0回答:1

我在尝试使用命令 npm create

vite@latest
创建新的 React 项目时遇到问题。尽管遵循文档并确保我安装了最新版本的 Vite,但初始化过程似乎特别针对 React 项目而失败。

[vite] Internal server error: The service is no longer running
  Plugin: vite:esbuild
  File: D:/Projects/Personal/Java Script/MERN/my-react-app/src/main.jsx
      at D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:828:29
      at sendRequest (D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:700:14)
      at start (D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:826:9)
      at Object.transform2 [as transform] (D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:891:5)  
      at D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:2231:77
      at new Promise (<anonymous>)
      at Object.transform (D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:2231:36)
      at transform (D:\Projects\Personal\Java Script\MERN\my-react-app\node_modules\esbuild\lib\main.js:2049:62)
      at transformWithEsbuild (file:///D:/Projects/Personal/Java%20Script/MERN/my-react-app/node_modules/vite/dist/node/chunks/dep-V3BH7oO1.js:14537:30)
      at TransformContext.transform (file:///D:/Projects/Personal/Java%20Script/MERN/my-react-app/node_modules/vite/dist/node/chunks/dep-V3BH7oO1.js:14612:38)
      at Object.transform (file:///D:/Projects/Personal/Java%20Script/MERN/my-react-app/node_modules/vite/dist/node/chunks/dep-V3BH7oO1.js:64060:62)
      at async loadAndTransform (file:///D:/Projects/Personal/Java%20Script/MERN/my-react-app/node_modules/vite/dist/node/chunks/dep-V3BH7oO1.js:49741:29)

使用命令:

npm create vite@latest my-react-app --template react

已安装版本:

  • Node.js:v20.10.0
  • npm:v10.2.3

采取的步骤:

  • 确认安装最新Vite版本。
  • 检查 Node.js 和 npm 版本的兼容性。
  • 尝试该命令的不同变体。

我已经搜索了相关文档和讨论,但尚未找到解决方案。有没有其他人遇到过类似的问题,如果有,你是如何解决的?

reactjs npm vite
1个回答
0
投票

我无法重现您的问题,但您显示的命令行不正确。如果您希望单行创建一个 vite typescript React 应用程序,则需要在应用程序名称和 --template 参数之间添加两个破折号,如

npm create vite@latest my-react-app -- --template react

对我来说,您使用的命令行将提示输入 TypeScript/JavaScript 和框架选择,并忽略“模板”参数。

© www.soinside.com 2019 - 2024. All rights reserved.