element打包后生产环境图标乱码问题的解决

场景

最近有一个时而发生的bug,在生产环境下,我使用的NavMenu组件的展开收起小箭头,偶尔刷新的时候会出现乱码的情况。从网上搜索了好久,终于定位到了问题所在。
是我这个项目使用的依赖包是sass,elementui使用的是node-sass,发现打的包里的app.css文件里的content:unicode字符集显示并不是"\e790"这种。

乱码图片如下

在这里插入图片描述

解决

1.卸载sass

npm uninstall sass --save

2.安装node-sass

npm install [email protected] --save-dev
tips

在此说明一下我踩的坑。
最开始我是执行的如下命令

npm install node-sass --save-dev

发现依赖一直下不下来,后来看网上说更换版本,我看了下,本地的element的包里的package.json里的node-sass版本好像是4.11.0,不太确定,然后我安装这个版本号的node-sass还是安装不上,于是安了网上说的另一个版本4.14.1就成功安装上了。
至此再次打包,看了下app.css里的content显示的字符集正常了。那生产环境图标偶尔乱码的问题也就解决了。

猜你喜欢

转载自blog.csdn.net/zhangxiaodui/article/details/123798675
今日推荐