关于umi ui图标未显示问题

本文主要是介绍关于umi ui图标未显示问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

使用ant design pro 时，安装了umi ui ，安装命令：

yarn add @umijs/preset-ui -D

但是启动项目后，发现没有显示umi ui的图标
找了许多解决方案，发现 umi的版本问题，由于我使用的ant design pro官网最新版本，按照官方文档创建项目时，官方的脚手架不提供umi3的版本，而umi4不支持umi ui图标，此时需要使用老版本的ant design pro脚手架

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

然后查看版本是否正确：

pro -v

最后创建项目

pro create myapp

选择umi@3版本

项目创建好后在webstrom打开，管理员模式下执行yarn add @umijs/preset-ui -D
最后运行项目就可以看到umi ui的图标

最后小插一句：因为我的Nodejs的版本当时也是安装的最新版本v18，所以运行时报错误Error: error:0308010C:digital envelope routines::unsupported，最好Nodejs的版本降为v16，版本高也有临时解决方案：https://blog.csdn.net/fengyuyeguirenenen/article/details/128319228
之前运行vue项目时也出现过这个错误，所以版本最好降下来，一劳永逸

这篇关于关于umi ui图标未显示问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---