首次使用Vite进行React应用程序时，您可以选择选择JavaScript或Typescript作为您的首选语言。但是，如果您在JavaScript中启动应用程序并在中途开始，请改变主意并想使用Typescript？好吧，在这种情况下，您有两个选择：
1.制作一个新的打字稿应用程序，并将所有内容从旧应用程序复制到新应用程序
-
复制您所做的任何更改以及您在
dependencies和devDependencies下安装的任何软件包的行，从旧应用中的package.json文件中安装了您的旧应用程序中的package.json文件，然后将新应用程序的package.json文件安装。 -
将您的
App.jsx和main.jsx文件复制到您的新应用程序，然后将扩展名更改为.tsx -
在
main.tsx中添加as HTMLElement之后
...
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
...
-
将其他所有内容（例如实用程序功能和静态资源）复制到新应用
-
将您所做的所有更改复制到已安装的其他软件包的配置文件中
-
复制组件文件，将文件扩展名从
.jsx更改为.tsx，然后修改它们以与Typescript 一起使用
2.制作一个新的打字稿应用，但将所需的文件复制回您的旧应用
-
将您的
App.jsx和main.jsx的扩展名更改为.tsx -
在
main.tsx中添加as HTMLElement之后
...
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
...
-
在
index.html文件中，查找<script type="module" src="/src/main.jsx"></script>并将main.jsx更改为main.tsx -
安装打字稿软件包
npm install -D typescript @types/react @types/react-dom
- 将这些文件从您的新应用程序复制到您的旧应用程序
tsconfig.json
tsconfig.node.json
src/vite-env.d.ts
-
将
vite.config.js文件的扩展名从.js更改为.ts -
将组件的扩展从
.jsx更改为.tsx，并将它们修改为使用Typescript
ð最终，交叉手指，运行您的应用程序，并希望一切正常！