如何解决添加TypeScript后React Project无法编译
我收到一个奇怪的错误,
./ src / index.js行56:15:解析错误:预期为'>'
我遵循create-react-app的官方指南,将TypeScript添加到我现有的Create React App项目中。并且仅将两个.js文件(索引和App)更改为.tsx之后,项目编译就失败了。
卸载了全局create-react-appindex.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后会引发错误
解决方法
/src/index.js Line 56:15: Parsing error: '>' expected
您正在.js
文件中使用JSX。将文件重命名为.jsx
(或更好的`.tsx)。
更多
您可以通过npx create-react-app example --template typescript
?
经过3个小时的无用努力,我发现了错误的根本原因:)
正如我在前面的问题中提到的那样,我删除了全局create-react-app程序包以避免出现问题,但是这导致了问题。我不知道为什么,但是,我重新安装了create-react-app时,问题已解决!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。