問題：在項目開發(fā)時使用字體圖標，報錯如下：

所有的字體圖標都不能正常顯示了，報錯提示不能解碼字體。

解決問題：找了很久，最后發(fā)現(xiàn)是在webpack配置的時候自己手動添加了下面的代碼而引起的錯誤：在 webpack.base.conf.js文件中刪除

{     test: //.(eot|svg|ttf|woff|woff2)(/?/S*)?$/,     loader: 'file-loader'    }, 

總結：

其實采用vue-cli 自動生成的配置文件已經(jīng)完成了字體圖標文件的編譯，自己寫的和自動生成的產(chǎn)生沖突

以上這篇webpack配置導致字體圖標無法顯示的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。