Vue3中使用iconfont字体库报错

Vue3中使用iconfont字体库报错

我在index.html中引入iconfont图标字体库

出现下图错误

想问问大家有什么解决方法吗，或者有没有什么vue2和vue3用的图标字体库，感谢！

你这个报错是eslint语法检测导致的，可以卸载掉或者不启用

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中使用iconfont有色图标
• 除此之外, 这篇博客: vue项目引入彩色iconfont图标中的 使用彩色iconfont方法 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 经查阅资料，有两种办法是在图标下载的时候选择Unicode或者Symbol

  

   具体办法参考这位大哥的Unicode方法和这位大哥的Symbol方法

  但是我已经下载过了Font class类型的图标了，删除之前的文件重新选择类型下载引用多麻烦呀

  所以又找到了两种办法

• 以下回答由chatgpt基于相关博客总结生成:

  对于使用iconfont字体库时出现的错误，具体错误信息和现象可能因情况而异，需要具体分析。一些常见的错误包括字体不能正常显示、样式无法生效等。解决方法包括检查字体库文件是否正确引入，样式是否正确设置，以及可能需要其他插件或库的支持。如果以上方法无法解决问题，可以尝试使用其他Vue2和Vue3可用的图标字体库，如Font Awesome、Bootstrap Icons等。

  对于Vue3中使用iconfont字体库的具体步骤，可以参照参考资料中的段落1和段落4提供的方法。具体步骤包括添加所需的图标入库，引入iconfont.css文件，定义使用iconfont的样式并挑选相应图标并获取字体编码，应用于页面。

  对于多主题支持，可以参照参考资料中的段落2提供的方法。具体步骤包括给svg标签赋予样式属性fill，使得图标颜色随着主题的变换而改变。

  对于Vue3中使用其他图标字体库，可以搜索相关资源并按照官方文档提供的方法进行安装和配置。常见的可用字体库包括Font Awesome、Bootstrap Icons等。具体步骤包括安装字体库、引入库文件并按照官方文档的方法进行配置和使用。

eslint可是个大坑对于新手