1. 程式人生 > >webpack配置導致字型圖示無法顯示

webpack配置導致字型圖示無法顯示

問題:在專案開發時使用字型圖示,報錯如下:

頁面報錯展示

所有的字型圖示都不能正常顯示了,報錯提示不能解碼字型。

解決問題:找了很久,最後發現是在webpack配置的時候自己手動添加了下面的程式碼而引起的錯誤:在 webpack.base.conf.js檔案中刪除

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

總結:

其實採用vue-cli 自動生成的配置檔案已經完成了字型圖示檔案的編譯,自己寫的和自動生成的產生衝突