Element-plus icons 不显示但是有占位问题（已解决）

作者：System 时间：2024年09月03日分类：所有,elementui 字数：665

解释：

Element-plus icons 不显示但有占位问题通常是因为图标组件没有正确加载图标文件，可能是由于路径问题、文件引入错误或者网络问题导致的。

解决方法：

确认是否正确安装了element-plus，使用npm或yarn安装：




npm install element-plus --save
// 或者
yarn add element-plus

确认是否正确引入了element-plus的图标样式文件，在main.js/ts文件中添加：
```
import 'element-plus/dist/index.css'
```
确认是否正确使用了Element-plus的图标组件，例如：
```
<el-button>
  <el-icon :size="10"><User /></el-icon>
</el-button>
```
其中<User />是图标组件，需要确保它是Element-plus提供的正确图标组件。
检查是否有网络问题，确保图标文件可以正确加载。
如果以上都没问题，尝试清除缓存并重新启动开发服务器。
如果仍然存在问题，检查控制台是否有错误信息，根据错误信息进一步排查问题。