问题
昨天在写项目的时候,想用avatar 显示头像但是一直不能显示,但是能显示出地标的icon,当我用一模一样的代码使用user的icon的时候,发现又没有显示
跟官网对比了半天的代码发现并没有什么区别,并且有能实现出来的icon,使得我百思不得其解。
机缘
作为一个成熟的后端,是有Ctrl+鼠标左键看源码的习惯的,当我Ctrl 鼠标移到地标的icon的时候发现是能点进去跳转到源码文件的,但是avatar 却不行。就马上想到会不会是element版本问题,我用的版本低了?那个版本还没有这些图标的?
过程
1.查看element版本
点进package.json 文件,搜索 element-ui,发现我的element版本是"2.3.4"的
然而我看的官网的版本为 2.15.7 !
2.更新element版本
首先要先卸载旧版本element
npm uninstall element-ui
然后安装想要的element版本
npm install element-ui@2.15.7 -S
3.重新编译运行
npm run dev
解决
成功解决了!!icon图标或者avatar 头像都出来了,就是element版本太低的问题
经验
在接手项目的时候,一定要先确定好开发环境版本和你所看的文档版本一致。开发版本也不能太低