游戏 网站模板互联网运营培训课程

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

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