【发布时间】：2022-08-10 06:41:20
【问题描述】：
我有一个使用 Vite 创建的现有反应应用程序。我在 Vite 中使用了 react 模板-
yarn create vite my-react-app --template react
随着项目的进展，包含 TypeScript 以进行更严格的类型检查似乎是个好主意。 我之前在这个明确的documentation 的帮助下，使用 create-react-app 将 TypeScript 包含在我现有的项目中。我尝试在我的 Vite 应用程序中加入相同的内容。我在终端中执行了以下代码 -
yarn add typescript @types/node @types/react @types/react-dom @types/jest
我将 .jsx 文件重命名为 .tsx，将 vite.config.js 重命名为 vite.config.ts 并重新启动了我的 vite 服务器。
但令我非常沮丧的是，该应用程序停止了工作。 我在vite docs 中找不到任何用于将 TypeScript 添加到现存的应用程序。我也在 Vite Github 社区中搜索过，但在那里找不到任何相关的东西。 我在网上也找不到与此相关的任何内容。大部分内容都在 CRA 和 Typescript 上。
对此的任何帮助将不胜感激。谢谢！
-
\"应用程序停止工作\" -- 究竟如何？你能分享minimal reproducible example吗？谢谢。
-
我已经为 Typescript 安装了一个新项目，因为我找不到任何解决方案。所以我尝试再次重现错误。 localhost:3000 的默认页面显示为空白屏幕，我在 DevTools cmets 部分看到错误“加载资源失败...错误代码为 404”。经过适当检查，我发现虽然我已将所有 .jsx 扩展名重命名为 .tsx，但我错过了将脚本标签的 src 属性从 main.jsx 更改为 main.tsx。
<script type=\"module\" src=\"/src/main.tsx\">改了，页面元素恢复了，错误消失了。
标签： reactjs typescript vite