【问题标题】：How to use TypeScript in existing ES6 based ReactJS application?如何在现有的基于 ES6 的 ReactJS 应用程序中使用 TypeScript？
【发布时间】：2019-12-16 06:39:13
【问题描述】：

我已经有一个用 ES6(.jsx) 开发的 react 应用程序，这是一个巨大的项目。我想进一步开发打字稿以使用打字稿的奢华。我遇到的问题是我无法用打字稿重新开发我的整个项目。我只想用 typeScript 写新文件。

【问题讨论】：

我找到了一篇很好的文章(iamturns.com/typescript-babel)。让我们看看它有多好..？

标签： typescript webpack ecmascript-6 babeljs

【解决方案1】：

要将 TypeScript 添加到 Create React App 项目，请先安装它：

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

或

yarn add typescript @types/node @types/react @types/react-dom @types/jest

接下来，将任何文件重命名为 TypeScript 文件（例如，将 src/index.js 改为 src/index.tsx）并重新启动您的开发服务器！

类型错误将显示在与构建版本相同的控制台中。

【讨论】：

【解决方案2】：

我只需要使用this 将我的 babel 版本升级到 babel7。 Babel7 支持 .ts|.tsx。然后我点击this链接使TS工作。

对于一个完整的解决方案，我写了一个article on medium

【讨论】：