使用 create-react-app 创建基于 ts 项目
在使用 carete-react-app 命令创建项目前,首先需要确保全局已经安装了 create-react-app 。
全局安装 create-react-app:
1 | npm install -g create-react-app |
使用 create-react-app 创建项目:
1 | yarn create react-app my-app --template typescript |
到目前为止我们已经使用 create-react-app 创建了项目,且执行 yarn start 可以运行项目,但是你要是想往项目里面添加 react-router-dom 的时候就会报错,提示你没有安装 react-router-dom 对应的 ts ,然后我们执行以下代码安装对应的 ts :
1 | 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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步