当前位置: 首页 > 编程笔记 >

解决vue 项目引入字体图标报错、不显示等问题

郝杰
2023-03-14
本文向大家介绍解决vue 项目引入字体图标报错、不显示等问题,包括了解决vue 项目引入字体图标报错、不显示等问题的使用技巧和注意事项,需要的朋友参考一下

问题:在项目开发时使用字体图标,发现两个问题;

1、出现报错:

解决方法为:把字体引入方式改为绝对路径

2、不报错,但是不显示图标字体,出现方框

原因可能有两种:

①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件

①的解决办法是在用到的地方引入字体的样式文件(全局引入的话需要从app.vue里引入)

②这个就是我遇到的问题,浪费了我好几分钟!!!微笑

解决办法是把font.styl改为font.css

记得在用到图标的地方引入

问题原理后续再写。

以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Vue elementui字体图标显示问题解决方案,包括了Vue elementui字体图标显示问题解决方案的使用技巧和注意事项,需要的朋友参考一下 问题如下 在build/utils.js下找到 加上 publicPath: '../../'        运行项目还是不行 ,Failed to decode downloaded font: http://192.168.11.1

  • 本文向大家介绍解决vue 引入子组件报错的问题,包括了解决vue 引入子组件报错的问题的使用技巧和注意事项,需要的朋友参考一下 错误信息: 源码: 原因: vue里面不允许使用 Html已有的标签作为自定义标签 修改方案: 修复结果: ok! 以上这篇解决vue 引入子组件报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍python中ImageTk.PhotoImage()不显示图片却不报错问题解决,包括了python中ImageTk.PhotoImage()不显示图片却不报错问题解决的使用技巧和注意事项,需要的朋友参考一下 发现问题 今天在使用ImageTk.photoImage()显示图片时,当把包含该函数放在自定义函数里时,不能正常显示,移到函数为又可正常显示,所以想到可能是变量不是全局性的缘

  • 本文向大家介绍vue小图标favicon不显示的解决方案,包括了vue小图标favicon不显示的解决方案的使用技巧和注意事项,需要的朋友参考一下 vue脚手架虽然好用,但是文件配置问题一直很头疼。 将原生的代码用vue框架来做,出现种种问题,之前设置小图标的时候也出现了问题,总结了网上的解决方案,在此记下对我亲自试验并奏效的方案: 我是直接将favico.ico丢到根目录(就是src同级的目录)

  • 在 vue3.0 + typescript 项目中引入 @antv 报错,查看报错信息,原因是因为在 @antv 中使用了 ?? 和?. 的语法导致报错,尝试了多种方案,使用 babel 等,均未解决这个报错的问题。请问这个如何在 vue.config.js 中配置呢? 报错信息如下所示:

  • 本文向大家介绍vue init webpack 建vue项目报错的解决方法,包括了vue init webpack 建vue项目报错的解决方法的使用技巧和注意事项,需要的朋友参考一下 使用vue init webpack 创建vue项目时报如下错误: 解决方法: 1.先检查npm和node的版本 查看npm版本:npm -v 升级npm: npm install -g npm 查看node版本:n