最近復現出一個bug：基于若依的開源項目改動的后臺管理系統打包上線后圖標會出現亂碼現象（復現的時侯沒截圖，見諒哈），比如向下的箭頭呀會變成亂碼，刷新后又好了，而且是偶爾出現這個現象以至于我們測試都沒測出來。
在網上看了解決方法，也會有問題吧，我把我的踩坑說一下吧：
首先說是出現亂碼肯定是樣式沖突，網上說是用了dart-sass，但我找了package.json并沒有安裝dart-sass啊，是用了sass和sass-loader，我仔細看依賴包的node_modules，發現sass文件夾里有一個dart的文件，這是造成字符亂碼的原因，我們需要卸載sass和sass-loader重新安裝node-sass和sass-loader。
但我卸載會報錯，如果你們卸載也出現問題，可以先把node_modules刪掉然后在package.json文件中吧sass和sass-loader的依賴刪了，然后重新cnpm i --save，當然我是全局裝了淘寶鏡像，如果沒裝就老老實實npm i --save吧或者npm install -g cnpm --registry=https://registry.npm.taobao.org然后就可以用cnpm下載依賴了，在網上發現有人用npm下載node-sass報錯，還是推薦你們用cnpm吧。
然后這一步好了后我就直接cnpm i node-sass sass-loader --save了然后就發現報錯了，百度了一下我發現是我node-sass sass-loader版本太高了嗎沒辦法我又重復了一次上面的操作，把node_modules刪掉，然后在package.js文件中吧node-sass和sass-loader降低版本，我的node-sass是6.0.1版本，sass-loader是10.1.1版本，改一下再次cnpm i --save成功了。歡迎留言。

總結

以上是生活随笔為你收集整理的elementui打包后出现图标乱码的问题解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。