webpack配置导致字体图标无法显示的解决方法


Posted in Javascript onMarch 06, 2018

问题:在项目开发时使用字体图标,报错如下:

webpack配置导致字体图标无法显示的解决方法

所有的字体图标都不能正常显示了,报错提示不能解码字体。

解决问题:找了很久,最后发现是在webpack配置的时候自己手动添加了下面的代码而引起的错误:在 webpack.base.conf.js文件中删除

{ 
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, 
    loader: 'file-loader' 
   },

总结:

其实采用vue-cli 自动生成的配置文件已经完成了字体图标文件的编译,自己写的和自动生成的产生冲突

以上这篇webpack配置导致字体图标无法显示的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
JavaSript中变量的作用域闭包的深入理解
May 12 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 #Javascript
React BootStrap用户体验框架快速上手
Mar 06 #Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 #Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 #Javascript
解决vue+webpack打包路径的问题
Mar 06 #Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 #Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 #Javascript
You might like
java模拟PHP的pack和unpack类
2016/04/13 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
jQuery设置和获取HTML、文本和值示例
2014/07/08 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
用Python的Django框架编写从Google Adsense中获得报表的应用
2015/04/17 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
Python实现的爬虫刷回复功能示例
2018/06/07 Python
flask框架视图函数用法示例
2018/07/19 Python
Python实现的建造者模式示例
2018/08/06 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
Python实现代码块儿折叠
2020/04/15 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
合作意向书模板
2014/03/31 职场文书
校长寄语大全
2014/04/09 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
新生开学寄语大全
2015/05/28 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
2019最新公司租房合同(例文)
2019/07/18 职场文书
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
react 项目中引入图片的几种方式
2021/06/02 Javascript