在更新環境階段,SCSS 將會編譯為 CSS 渲染頁面,這些 icon 圖標是圖標、也是字體,將通過編譯得到,頁面 SCSS 編譯完成后,可以看到頁面的樣式沒問題,可是這時候可能這些 icon 還沒編譯完成,導致亂碼,所以看到刷新可以解決。
解決思路
既然是由於 SCSS 還沒編譯完成導致,那就直接加載 CSS 文件,不需要編譯。
解決方法
在入口文件 main.js 中,element-ui 導入后,導入 icon.css 解決。
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/icon.css'