ant design pro执行过yarn add @umijs/preset-ui -D , 终于解决了umi ui小米饭图标加载不出来的问题！！！_umiui antd模板加载不出

搞了好久，尝试了很多方法，也上网收罗了很多文档，最后还是曲线救国。

首先我的问题：

在执行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：

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小组件：

至此，完结，撒花！！！~~~