最近公司的一个项目，打包部署之后，页面上使用element的图标会偶发性乱码，刷新页面就正常了，而且这个在本地是复现不了的。在网上搜了很久，基本都是两个解决方案，要么将sass换成node-sass，要么就是升级sass和sass-loader，但是这两个方案我都不采取，第一种换插件的方式风险太大了，第二种升级之后能解决问题，但是又会出现新的报错，因为新版本不兼容旧的写法。后来我是自己慢慢调试，发现还有其他的解决办法，如下：

解决办法

不需要换插件，也不需要升级sass，只需要注释一行代码和加一行代码即可。

1. import 'element-ui/lib/theme-chalk/index.css'，在main.js文件中加入这行代码
2. 找到你项目中引入element的scss样式文件，将import '~element-ui/packages/theme-chalk/src/index'删掉，这样就能解决问题了

图标乱码的原因

可能是和sass编译有关，需重新引入css的element样式文件