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 / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

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

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

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

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>