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

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

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

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

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

{

http:// test: /\.(eot|svg|ttf|woffhttp://|woff2)(\?\S*)?$/,

loader: 'file-loader'

},

总结：

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。