阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

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

      目录
      目录