element-UI 使用icon图标或者avatar 头像不显示问题 解决

问题

昨天在写项目的时候，想用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版本太低的问题

经验

在接手项目的时候，一定要先确定好开发环境版本和你所看的文档版本一致。开发版本也不能太低