阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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 的约束。

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录