使用 create-react-app 创建基于 ts 项目

在使用 carete-react-app 命令创建项目前，首先需要确保全局已经安装了 create-react-app 。

全局安装 create-react-app：

npm install -g create-react-app

　

使用 create-react-app 创建项目：

yarn create react-app my-app --template typescript

　　到目前为止我们已经使用 create-react-app 创建了项目，且执行 yarn start 可以运行项目，但是你要是想往项目里面添加 react-router-dom 的时候就会报错，提示你没有安装 react-router-dom 对应的 ts ，然后我们执行以下代码安装对应的 ts ：

npm i --save-dev @types/react-router-dom

　　当你安装完成 @types/react-router-dom 后，你会发现 react 又报错了（这特么什么👻）。

这个时候怎么办呢？把 node_modules 文件夹全部删除，重新执行 yarn install 安装插件。你会发现所有的错误提示都没有了，切代码也能正常运行。

 

接下来，你可以把 app.tsx 里面的代码删除掉，使用 react-router 官方提供的一些用例代码来代替。

 

相关站点：

create-react-app： https://create-react-app.dev/docs/getting-started

react-router： https://reactrouter.com/web/example/basic