博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图标库 vue_关于vue项目font字体图标库导入未显示的问题
阅读量:5899 次
发布时间:2019-06-19

本文共 695 字,大约阅读时间需要 2 分钟。

运行项目时,弹出以下信息:

cdf3fe6b5235ebeab095ec1845fcf63b.png

这时候根据报错信息,但要注意一点:后面的css-loader和vue-loader必须有先安装过,不然程序还是报错的。这里我们是想导入icon.scss然后出错,可能是配置文件的缘故。所以进入build文件夹下的webpack.base.conf.js

bb1d73d90a97c784976537cdecdeea08.png

上面的loader说明加载是依赖'url-loader',然而我们打开_icon.scss文件。发现这里的loader加载的是'url-loader',而不是'url'。

0015748d071644cd9c3c8d51bb657834.png

所以我修改了,如下图:

cda47903e734881a4773089efda51378.png

然后,将程序再跑一次,文件加载正常,如果遇到如图情况:不报错,但是不显示,则执行以下操作。

eca3629b398e86e7f4cff52af0137e7a.png

解决办法就是将 font.styl/scss 改成 font.css。这里是网上的,我的是icon.scss,然后我修改成icon.css,这同样也可以。

95e2465f2a94681519880e7c81fdb59c.png

然后在用的图标地方引入

c7475324ca028fcaf4c4f71c1e69729d.png

这样就大功告成。这个问题困扰了我好几天,都没认真去找出问题,现在解决了。以上方法如果都不成功,那只能去FQ找找看了,这些已经是百度上的总结之后的方法。嘻嘻~~~

欢迎工作一到五年的Java工程师朋友们加入Java程序员开发: 854393687

群内提供免费的Java架构学习资料(里面有高可用、高并发、高性能及分布式、Jvm性能调优、Spring源码,MyBatis,Netty,Redis,Kafka,Mysql,Zookeeper,Tomcat,Docker,Dubbo,Nginx等多个知识点的架构资料)合理利用自己每一分每一秒的时间来学习提升自己,不要再用"没有时间“来掩饰自己思想上的懒惰!趁年轻,使劲拼,给未来的自己一个交代!

转载地址:http://ieqsx.baihongyu.com/

你可能感兴趣的文章
flash back mysql_mysqlbinlog flashback 使用最佳实践
查看>>
mysql存储引擎模式_MySQL存储引擎
查看>>
python类 del_全面了解Python类的内置方法
查看>>
java jni 原理_使用JNI技术实现Java和C++的交互
查看>>
java 重写system.out_重写System.out.println(String x)方法
查看>>
配置ORACLE 11g绿色版客户端和PLSQL远程连接环境
查看>>
ASP.NET中 DataList(数据列表)的使用前台绑定
查看>>
Linux学习之CentOS(八)--Linux系统的分区概念
查看>>
System.Func<>与System.Action<>
查看>>
asp.net开源CMS推荐
查看>>
csharp skype send message in winform
查看>>
MMORPG 游戏服务器端设计--转载
查看>>
SILK 的 Tilt的意思
查看>>
Html学习笔记3
查看>>
HDFS dfsclient写文件过程 源码分析
查看>>
ubuntu下安装libxml2
查看>>
nginx_lua_waf安装测试
查看>>
WinForm窗体缩放动画
查看>>
JQuery入门(2)
查看>>
linux文件描述符
查看>>