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 配置。

故障排除

如果您的项目不是在启用 TypeScript 的情况下创建的,则 npx 可能正在使用的缓存版本 create-react-app。

使用删除以前安装的版本 npm uninstall -g create-react-app

不支持常量枚举和名称空间,您可以在此处了解结合使用 Babel 和 TypeScript 的约束。

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

抖音号

抖音号: axihe

Anbang