关于umi ui图标未显示问题

使用ant design pro 时,安装了umi ui ,安装命令:

yarn add /preset-ui -D

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

npm i -design/pro-cli.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项目时也出现过这个错误,所以版本最好降下来,一劳永逸

你可能感兴趣的:(ui,javascript,开发语言,umi-ui,ant-desogn-pro)