使用npm create vite@latest创建React项目时变体选项显示异常求助

云原生阿岚

2026-8-9

Vite创建React项目变体选项名称不符的解决办法

你遇到的是Vite版本更新带来的选项名称调整问题，新版Vite已经将React模板的选项名称从react/react-ts改为了JavaScript/TypeScript，两者本质是完全相同的模板，只是命名更直观了。

如果你只是需要创建普通的React项目，直接选择对应选项即可：
- 选JavaScript等价于原来的react模板
- 选TypeScript等价于原来的react-ts模板
如果你必须要看到旧版的react/react-ts选项（比如适配旧教程步骤），可以指定旧版本的Vite来创建项目，执行以下命令：
```
npm create vite@3.x
```
运行该命令后，选择React框架时就会显示你预期的react和react-ts选项。