搞了好久，尝试了很多方法，也上网收罗了很多文档，最后还是曲线救国。
首先我的问题：
在执行pro create myapp的时候，打开的pro.cmd并没有为我提供umi@3/4的选项，直接默认了umi@4。然而，umi@4并不支持图标显示以及ui指令的（如下图），我尝试手动打开，遇到：
遂而去降低ant design pro的版本，使用3.1.0版本的，但是又因为我的local node.js的版本太高（20）而无法兼容，导致整个项目无法start，但是此时可以选择umi@3/4.
又去尝试远程docker里安装低版本的nodejs，在webstorm里使用它的时候，仍然遇到问题，如我的github issue的描述(https://github.com/ant-design/ant-design-pro/issues/11291)。降低ant design pro和nodejs的版本仍然为解决。
最终，通过nvm这个nodejs版本管理工具在本地安装多版本的nodejs，成功解决了问题。
解决流程记录：
安装nvm：
安装完成之后，执行如下指令安装16.16.0版本的nodejs，此时我的ant design pro是3.1.0。
nvm install 16.16.0
修改start的配置：
这里选择add：
选择add local：
找到你自己刚刚安装16.16.0版本node.exe的路径即可，再次start项目，便成功了。如果遇到pro界面一致加载的问题：
参考（ant-design-pro项目启动一直转圈_ant design pro一直转圈-CSDN博客）解决。
接下来，再次执行：
yarn add @umijs/preset-ui -D重新start项目，就可以看到右下角的小图标喽！！！ 
没什么问题，正常使用umi ui小组件：
至此，完结，撒花！！！~~~
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
