Ant Design Pro搭建react项目
1、使用pro-cli 来快速的初始化脚手架,先全局安装
npm i @ant-design/pro-cli -g
pro create myapp
2、选择模板类型
pro 是基础模板,只提供了框架运行的基本内容,complete 包含所有区块,不太适合当基础模板来进行二次开发。(这里选的complete)
? 🚀 要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simple
complete
complete安装成功后package.json对应的脚手架版本"@ant-design/pro-cli": "^2.1.5"
simple安装成功后package.json对应的脚手架版本"@ant-design/pro-cli": "^3.3.0"
simple类型创建的项目,用的插件版本会更新一点
3、安装好后,进入目录安装依赖
npm install
4、初始化成功后,运行项目
npm run start
运行这个脚本会启动服务,自动打开默认浏览器展示你的页面。当你重新编辑代码后,页面还会自动刷新
问题
运行成功后,页面出现空白情况,控制台报错:Uncaught Error: Absolute route path "/*" nested under path "/user" is not valid. An absolute child route path must start with the combined path of all its parent routes.
此时,去掉config\routes.ts中的/user路由下的/*
保存运行,项目即可成功加载