create-react-app 添加 TypeScript
🌙
手机阅读
本文目录结构
添加 TypeScript
注意：此功能适用于 react-scripts@2.1.0 及更高版本。
TypeScript 是 JavaScript 的类型超集，可编译为纯 JavaScript 。
安装
新项目
要使用 TypeScript 启动新的 Create React App 项目，你可以运行：
npx create-react-app my-app --template typescript
添加到已有项目
要将 TypeScript 添加到 Create React App 项目，请先安装它：
npm install --save typescript @types/node @types/react @types/react-dom @types/jest
接下来，将任何文件重命名为 TypeScript 文件（例如 src/index.js 重命名为 src/index.tsx ）并 重新启动开发服务器！
类型错误将显示在与构建错误相同的控制台中。
在继续开发或构建项目之前，您必须修复这些类型错误。有关高级配置，请参见 create-react-app 高级配置。
TypeScript 和 React 开始
你不需要制作 tsconfig.json 文件，我们将为你制作一个文件，你可以编辑生成的 TypeScript 配置。
- https://www.typescriptlang.org/
- https://www.typescriptlang.org/play/index.html?jsx=2&esModuleInterop=true&e=196#example/typescript-with-react
- https://github.com/typescript-cheatsheets/react-typescript-cheatsheet#reacttypescript-cheatsheets
- 很好地概述了如何在 TypeScript 中使用 React
故障排除
如果您的项目不是在启用 TypeScript 的情况下创建的，则 npx 可能正在使用的缓存版本 create-react-app。
使用删除以前安装的版本 npm uninstall -g create-react-app
不支持常量枚举和名称空间，您可以在此处了解结合使用 Babel 和 TypeScript 的约束。
