欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-06-05 08:58:38|栏目:vue|点击:

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

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

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

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

总结:

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

上一篇:Vue Echarts实现可视化世界地图代码实例

栏    目:vue

下一篇:使用Vue构建可重用的分页组件

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

本文地址:http://www.codeinn.net/misctech/135684.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有