Reactjs 添加TypeScript后，React项目未编译

我也犯了一个奇怪的错误

./src/index.js第56:15行：分析错误：应为“>”

我遵循官方指南，将TypeScript添加到我现有的createreact应用程序项目中。在将两个.js文件（index和App）更改为.tsx之后，项目编译就失败了

我按照以下步骤卸载了global create react应用程序

index.tsx文件

import React from "react";
import ReactDOM from "react-dom";
ReactDOM.render(
  <App store={store} persistor={persistor} basename={PUBLIC_URL} />,
  document.getElementById("root")
);

从“React”导入React；
从“react dom”导入react dom；
ReactDOM.render(
,
document.getElementById（“根”）
);

注意：我已将index.js文件更改为index.tsx，但index.js仍然存在错误。我猜编译到.js后会抛出错误

/src/index.js第56:15行：分析错误：'>'应为

您正在

.js

文件中使用JSX。将该文件重命名为

.jsx

（或者更好的是`.tsx）

更多

---

你可以通过npx create react app example--template TypeScript与TypeScript app进行比较，经过3个小时毫无意义的挣扎，我找到了错误的根本原因：）

---

正如我在问题前面提到的，我删除了global create react应用程序包以避免出现问题，但这造成了问题。我不知道为什么，但当我重新安装create react应用程序时，问题解决了

添加你的App.tsx和Index.tsx？请包括相关行的内容（

/src/Index.js第56行

）我已经将我的Index.js更改为Index.tsx，将App.js更改为App.tsxi如果你在

src/Index.js

中仍然收到错误，即使文件不再存在，只要关闭并重新启动进程，就会发现错误。