图标不显示

Question

老师，按照视频上敲的，但是没有图标显示，依赖也已经下载了，能麻烦看一些吗

Answer 1

qq_Simpleisbeau_0 2022-03-17 23:42:32

我图标也不显示，被这个课程搞的心好累，实际开发的时候都没被搞的那么累。老铁你的图标展示出来没有。

• 提问者 RaymondSH #1

  重新来一遍出来了

• Sunday #2

  你好
  给你带来不好的体验，我表示很抱歉。因为咱们课程上线的时候element-plus 还不是正式版本，在一个月前才刚刚升级到正式版。同时我也对应跟进了 element-plus 的正式版本到咱们的课程项目中。或许可以参考下新更新的视频内容。

Answer 2

Sunday 2021-10-28 10:06:39

你好：

制作 svgIcon 组件主要的关键点如下：

1. 指定  svg -> use 标签

2. 指定对应类名

3. 将 svg 图标资源，放入到项目中

4. 通过 require.context 注册 svg 图标

5. 通过 svg-sprite-loader 来处理 svg 的加载

如果图标无法显示，那么可以根据以上点进行下检查

• 提问者 RaymondSH #1

  通过审查元素，发现use标签的样式大小为 0 * 0，把代码有重新拷贝了一遍，还是这样😂

• 记得按时吃饭 回复 提问者 RaymondSH #2

  Failed to resolve loader: svg-sprite-loader You may need to install it.   运行成功  是不是有这个警告的代码  有的话需要安装一下svg-sprite-loader这个插件就可以了  这里我遇见了 然后解决了