element-ui的icon在谷歌浏览器有时会出现乱码

[baobingkun]

vue-element-admin 版本4.4.0

打包以后在浏览中显示
.el-icon-close:before {
content: "";
}

element-ui官网上显示使这样的
.el-icon-close:before {
content: "\e6db";
}

更换element-ui版本也无法解决此问题，猜测可能是content中的"\e6db"被转码导致的，如何解决这个问题。

[baobingkun]

我已找到解决方法，vue-element-admin4.4.0使用的是dart-sass，改成node-sass，完美解决

npm uninstall sass
npm install node-sass --save-dev

[Spacesless]

虽然node-sass可以使用淘宝源，但如果还是想用dart-sass，有啥更简单的法子么

[littletortoisesmile]

这个问题除了替换为node-sass之外，还有其他解决方案吗

[szmetro2019]

我也遇到了这个问题，但是同样的版本，打包出来的一个乱码，一个不乱吗，具体原因还没找到，但是先试试上面解决方案

[Spacesless]

想问下大佬们是不是使用了babel-plugin-component或babel-plugin-component-scss进行按需引入才出现这个问题，我的也是有的项目打包乱码有的正常，区别就是乱码的用了按需引入和自定义主题

[HJM515]

这个问题除了替换为node-sass之外，还有其他解决方案吗

另一种方案：取消自定义 SCSS 变量，直接使用 ElementUI 默认打包好的样式文件，避免 dart-sass 重新打包elementUI样式【[当然，这只适用于你不需要更改 ElementUI 的 SCSS 变量。】

具体操作：注释掉 main.js 和 store/modules/settings.js 中 element-variable.scss 文件的引用。在main.js 中引用默认打包好的样式：import 'ElementUI/lib/theme-chalk/index.css
更多内容可查看这篇文章。

[xu-Aurora]

我已找到解决方法，vue-element-admin4.4.0使用的是dart-sass，改成node-sass，完美解决

npm uninstall sass
npm install node-sass --save-dev

这样不行，我试试了