Element UI 偶发性图标乱码问题

1. 问题如图所示

2. 原因：sass版本低

sass: 1.26.8
sass-loader: 8.0.2

3. 解决方法

(1) 提高sass版本

(2) 在vue.config.js中添加配置

css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          outputStyle: 'expanded'
        }
      }
    }
  },
1
2
3
4
5
6
7
8
9

4. 遇到的问题

升级后打包，报错

Syntax Error: Thread Loader (Worker 2) Cannot read property ‘createChildCompiler’ of undefined

解决方法：在 vue.config.js 中添加

parallel: false

成功解决，撒花✿✿ヽ(°▽°)ノ✿