当前位置: 首页 > article >正文

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路由下的/*

保存运行,项目即可成功加载


http://www.kler.cn/a/466733.html

相关文章:

  • FinDKG: 用于检测金融市场全球趋势的动态知识图谱与大型语言模型
  • 如何删除 Docker 中的悬虚镜像?
  • npm install --global windows-build-tools --save 失败
  • C语言 斐波那契数列(递归算法)
  • 【Qt】主窗口
  • 使用Anaconda管理R语言环境,并使用Jupyter Notebook编写R语言
  • 一款基于大语言模型和 RAG 的开源知识库问答系统
  • java 搭建一个springboot3.4.1项目 JDK21
  • Linux(Ubuntu24.04)源码编译安装VTK7.1.1记录
  • IDEA工具使用介绍、IDEA常用设置以及如何集成Git版本控制工具
  • matlab simulink电池充放电模型
  • SSH多秘钥管理
  • ThinkPHP 8高效构建Web应用-控制器
  • df.groupby()方法使用在查询中用到的筛选条件函数对 数据进行分组
  • Python基于Gradio可视化部署机器学习应用
  • Redis--内存管理(过期删除和内存淘汰策略)
  • 机器学习笔记 - 单幅图像深度估计的最新技术
  • python对mongodb的增删查改
  • 半导体材料-制造材料
  • 分布式锁常见实现方案总结