element-ui框架在线上环境偶尔出现iconfont图标乱码的问题,触发条件未知,但是一刷新页面又正常?

乱码的截图如下:

image.png

很莫名其妙的。由于是偶然触发的(测试同事的原话是:不知道什么时候,有时候突然就出现这个问题)。页面一刷新就正常了。我没有找到原因,审查dom节点发现对应的图标伪类:before的content就是一个乱码,不是element自身的\e6b7这种字符了

目前只在线上环境遇到过。但是据我的猜测,其实开发环境肯定也有遇到,估计无法重现的原因是由于开发环境刷新比较频繁,所以就没能重现这个问题——我自己是没有遇到过。
由于这个问题出现的实在是毫无规律,我目前能展示的就这样一些信息。有没有大佬知道或者遇到过这个问题的?替小弟我解解惑Orz

阅读 11.8k
5 个回答

或者换图标的方式比如svg图标,或者用阿里图标库试一下,我之前有发现这个问题,但是他不会加载出来

sass如果是用dart-sass打包的,改成node-sass打包,并且在icon图标的css:before {content: "e6e8"}

你好,我也遇到和你一样的问题了,我想问下,你这边解决了没呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题