使用ant design pro 时,安装了umi ui ,安装命令:
yarn add /preset-ui -D
但是启动项目后,发现没有显示umi ui的图标
找了许多解决方案,发现 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项目时也出现过这个错误,所以版本最好降下来,一劳永逸