使⽤icon字体图标出现⼩⽅块问题
今天在弄⼀个vue 项⽬的时候，碰到了引⼊icon 出现错误，现在总结⼀下问题：
主要碰到两个错误
1：路径错误，报错不到modules，
2：路径错误，但是没有报错，只是显⽰⼩⽅块（也就是没有显⽰出 icon 图标）。
icon图标库第⼀个错误要弄清楚路径
“ / ” 表⽰根⽬录开始
“ ./ ” 表⽰当前同级⽬录开始。
" ../ "表⽰上⼀级⽬录开始
针对第⼀种错误，如果不清楚，就全部试⼀次。
第⼆种错误：
出现⼩⽅块，这个问题我查询了好久，好⼏个博客论坛都逛了⼀圈，看了好⼏个⽅法依旧没⽤，最后发现：
恩，是滴，我⾃⼰定义了⼀个⽂件夹 “ common” 并把 font ⽂件放在它的⽬录下了。
在我的 style.styl ⽂件⾥，原来的⽂件路径是没有通过 common的，这个时候我⾃⼰定义了 common 却没有在修改路径，所以就显⽰⼩⽅格啦，最后像图上把common 加上修改路径，就解决问题了。（其实期间我修改了好多次“  /  ”与 “ ./ ”和 " ../  ", 没想到真正的问题居然是⾃⼰添加了⽬录⽂件的原因，这也正是让⼈很⽆语了）
在⽹上碰到了很多⼈问这个icon 变成⼩⽅格的问题，⽽我搜到的答案中没有提到这个因为多建⽴了个⽂件夹的原因的，所以⼲脆写下来，把这个路径问题再补充些，希望对⼤家的学习有帮助（其实也挺逗的，使⽤icon 的时候我还考虑要不要把⽂件放到根⽬录下，后来觉得不美观，就放进common ⽂件夹⾥了，误打误撞吧）。
以下为个⼈收集的学习资料分享，来源均为互联⽹，分享给⼤家。除了学习还有娱乐的，如有侵权，请留⾔我会马上撤销。
git教程：提取码：fw2t
⼀拳超⼈第⼀季收藏：提取码：5cql
20个经典java项⽬附带源码：提取码：ll59
2018年Vue2.X快速⼊门：提取码：4ylv
程序员追⼥孩12招附带10G精品教程，链接亲测有效。（⽪了下，⼥朋友要紧）
Vue 去哪⽹项⽬练习：提取码：k1w6
我知⼥⼈⼼：知彼知⼰了解⼥性的全部教程。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。