elementUI 生产环境字体图标偶尔乱码问题解决

如图图标乱码：

网上查阅资料，得知dart-sass编译时，容易出问题。查看了package.json，发现这个版本的确是dart-sass

ValidationError: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema.

报错原因是安装的  sass-loader  版本太高了，需要换成7.1的版本

解决：

0、nvm use 14.20.0

1、yarn remove sass

2、yarn add node-sass@4.14.1 sass-loader @ 7.3.1 -D

css: {
  loaderOptions: {
    sass: {
      // 根据自己样式文件的位置调整
      data: `@import "@/styles/variables.scss";`
    }
  }
}