今天在弄一個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 知彼知己了解女性的全部教程。