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 相关文章推荐
转一个日期输入控件,支持FF
Apr 27 Javascript
JavaScript中的闭包原理分析
Mar 08 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
React中Ref 的使用方法详解
Apr 28 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
vue+node 实现视频在线播放的实例代码
Oct 19 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 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
PHP怎样调用MSSQL的存储过程
2006/10/09 PHP
什么是MVC,好东西啊
2007/05/03 PHP
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
JavaScript实现表格排序方法
2013/06/14 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
基于vue中解决v-for使用报红并出现警告的问题
2018/03/03 Javascript
js实现转动骰子模型
2019/10/24 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
python中将字典转换成其json字符串
2014/07/16 Python
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
用python找出那些被“标记”的照片
2017/04/20 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
金融专业大学生职业生涯规划范文
2014/01/16 职场文书
超市总经理岗位职责
2014/02/02 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
党支部换届选举方案
2014/05/08 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
装配出错检讨书
2014/09/23 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
加入学生会自荐书
2015/03/05 职场文书
上市公司财务总监岗位职责
2015/04/03 职场文书