使用Element-UI 之乱码问题

Posted 2023-03-21

参考技术A

解决方法1(不考虑新版的element-ui,不需要部分新的组件)：
若使用的element-ui版本中未使用dart-sass,那本项目可使用node-sass(最好和element-ui使用版本一致)编译，并移除sass

解决方法2(若不考虑变换主题)：
本项目采用了 vue-element-admin 解决方案

解释：

解决方法3(目前采用方案)：
css-unicode-loader
对scss文件增加一层loader来将dart-scss编译成的css文件 (app.c5fc6c07.css) 里面的双字节字符再转回16进制码

element-ui的图标偶尔乱码问题

参考技术A 查了很多相关资料，很多都说是因为scss编译图标导致乱码，比如这个： https://blog.csdn.net/ringlot/article/details/122577624
还试过删除variables.scss这个文件，虽然解决了问题，但都不说最佳解决方案。
后来经同事提醒找到了根本问题，卸载sass，安装node-sass（5.0版本），问题解决了！