在Ant design pro中umi@4是不支持umi ui可视化辅助编程工具(右下角的小球球),umi@3才支持umi ui可视化辅助编程工具。(Nodejs 16)

在Ant design pro官网默认使用的是umi@4,想要使用umi@3需要先卸载当前安装的pro-cli,卸载命令如下:

npm uninstall -g @ant-design/pro-cli

然后指定版本安装,经过我的测试 3.1.0 这个版本就可以选择 umi 版本,重新使用 npm install -g @ant-design/pro-cli@3.1.0 安装 pro-cli 即可

npm install -g @ant-design/pro-cli@3.1.0

然后再去初始化脚手架,就可以选择umi@3了。命令:

npx pro create myapp


再去安装依赖,使用yarn 或者npm install 都可以。之后再去添加umi ui,命令

 yarn add @umijs/preset-ui -D

最后 npm run start 脚手架启动成功