使用 icon 字体图标出现小方块问题
今天在弄一个vue 项目的时候,碰到了引入icon 出现错误,现在总结一下问题:
主要碰到两个错误
1:路径错误,报错找不到modules,
2:路径错误,但是没有报错,只是显示小方块(也就是没有显示出 icon 图标)。
第一个错误要弄清楚路径
“ / ” 表示根目录开始
“ ./ ” 表示当前同级目录开始。
” ../ “表示上一级目录开始
针对第一种错误,如果不清楚,就全部试一次。
第二种错误:
出现小方块,这个问题我查询了好久,好几个博客论坛都逛了一圈,看了好几个方法依旧没用,最后发现:
恩,是滴,我自己定义了一个文件夹 “ common” 并把 font 文件放在它的目录下了。
在我的 style.styl 文件里,原来的文件路径是没有通过 common的,这个时候我自己定义了 common 却没有在修改路径,所以就显示小方格啦,最后像图上把common 加上修改路径,就解决问题了。(其实期间我修改了好多次“ / ”与 “ ./ ”和 ” ../ “, 没想到真正的问题居然是自己添加了目录文件的原因,这也正是让人很无语了)
在网上碰到了很多人问这个icon 变成小方格的问题,而我搜到的答案中没有提到这个因为多建立了个文件夹的原因的,所以干脆写下来,把这个路径问题再补充些,希望对大家的学习有帮助(其实也挺逗的,使用icon 的时候我还考虑要不要把文件放到根目录下,后来觉得不美观,就放进common 文件夹里了,误打误撞吧)。
以下为个人收集的学习资料分享,来源均为互联网,分享给大家。除了学习还有娱乐的,如有侵权,请留言我会马上撤销。
git教程:https://pan.baidu.com/s/1-DJIAi7rqV0zprnEJVW7zQ 提取码:fw2t
一拳超人第一季收藏:https://pan.baidu.com/s/1TL1N2VpfCN06ectJZ5Uimw 提取码:5cql
20个经典java项目附带源码:https://pan.baidu.com/s/1YcOjqRNkscirbJvDXL1VeA 提取码:ll59
2018年Vue2.X快速入门:https://pan.baidu.com/s/1D5MTeiTpvn01aP-F7iKLYQ 提取码:4ylv
程序员追女孩12招 https://www.sebigdata.com/carUsb_1201_6_10.html 附带10G精品教程,链接亲测有效。(皮了下,找女朋友要紧)
Vue 去哪网项目练习:https://pan.baidu.com/s/1AU0u0Z7aeDRvsT80P03gZQ 提取码:k1w6
我知女人心:https://www.sebigdata.com/carUsb_1201_5_10.html 知彼知己了解女性的全部教程。