当前位置:   article > 正文

关于umi ui图标未显示问题

关于umi ui图标未显示问题

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

yarn add /preset-ui -D
  • 1

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

npm i -design/pro-cli.1.0 -g
  • 1

然后查看版本是否正确:

pro -v
  • 1

最后创建项目

pro create myapp
  • 1

选择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项目时也出现过这个错误,所以版本最好降下来,一劳永逸

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号