React Project在添加TypeScript后未进行编译

Question

作为，我遇到了一个奇怪的错误

/src/index.js行56:15:分析错误：">"预期

我按照官方指南创建了react应用程序，用于将TypeScript添加到我现有的create react应用程序项目中。在只将两个.js文件(index和App(更改为.tsx之后，项目编译就失败了。

我通过以下故障排除指南卸载了全局创建反应应用程序

index.tsx文件

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

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

Answer 1

/src/index.js Line 56:15: Parsing error: '>' expected

您正在.js文件中使用JSX。将文件重命名为.jsx(或更好的`.tsx(.

更多

您可以通过npx create-react-app example --template typescript与TypeScript应用程序进行比较🌹

Answer 2

经过3个小时的徒劳挣扎，我发现了错误的根本原因：(

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