elementui 打包后icon图标加载偶尔会乱码

2024-06-04 08:25:52

使用element UI 写项目，项目在生产环境运行了一段时间后，页面刷新偶尔会出现（搜索，箭头。。。）各种图标乱码情况

一顿搜索之后,大多数的原因是这两个造成的

一、element-ui版本原因

1.版本过低,有些图标在低的版本当中并没有支持,所以讲elementui卸载后重新装最新的版本
在项目中升级ElementUI需要先卸载原先的版本,在命令行中输入：
npm uninstall element-ui
2.重新安装需要的版本
npm install element-ui –S （安装最新版本）
npm install element-ui@2.14.1 --save（安装到指定版本，此处是2.14.1版本）

二、项目打包原因

论坛上看了，有人说 sass 编译的问题。我就进行了如下操作

elementui 源码使用的是 node-sass
猜测 dart-sass ,node-sass，的问题。
我查看本地的node包里面sass文件夹里面,以及package.json文件里是 dart-sass

好家伙,找到原因了!

解决办法

卸载 dart-sass

1. npm uninstall sass (卸载)
2. npm install node-sass -D (下载)

重新启动项目,多次尝试后解决~

elementui 打包后icon图标加载偶尔会乱码相关推荐

vue+webpack项目打包后背景图片加载不出来问题解决
vue+webpack项目打包后背景图片加载不出来问题解决参考文章: (1)vue+webpack项目打包后背景图片加载不出来问题解决 (2)https://www.cnblogs.com/mica ...
RequireJS首次加载偶尔失败
RequireJS首次加载偶尔失败现象:第一次加载JS文件,首次加载偶尔失败: 原因:require(['jquery', 'operamasks', 'zTree', 'jQueryCookie' ...
Unity AssetBundle的打包发布下载与加载
码字不易,转载请注明出处哦 https://blog.csdn.net/newchenxf/article/details/124738469 1 前文都2022了,为什么还讨论AB包?不是有Add ...
flutter/Android接入友盟、阿里百川SDK，打包APK后报无法加载arr库的坑
刚接触flutter,边学边做.其实遇到的是两个坑,但看起来像是同个问题引起的,多么痛的领悟,基础不牢.解决问题流程不对太耽误时间了. 打包APK后报无法加载友盟arr库有篇帖子说是启用压缩导致的, ...
Angular (SPA) WebPack模块化打包、按需加载解决方案完整实现
Angular (SPA) WebPack模块化打包.按需加载解决方案完整实现参考文章: (1)Angular (SPA) WebPack模块化打包.按需加载解决方案完整实现 (2)https:// ...
[html] 字体图标加载出来成了小方块，是什么原因呢？如何解决？
[html] 字体图标加载出来成了小方块,是什么原因呢?如何解决? css样式没有引用吧个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌 ...
wi8ndows无法加载,Win8.1系统更新Flash插件后无法自动加载插件怎么办
当前,为了实现各种编码格式的音频.视频节目的播放,不少第三方媒体提供商均开发了自己的播放器插件,提供音频.视频节目的网站一般会提示您下载.安装相应的插件或程序.Flash是Win8.1系统内置的播放器 ...
1wifi 简介（框架）2系统启动后的 wifi加载过程-图解 3系统启动后的 wifi 加载过程
http://blog.csdn.net/wh_19910525/article/details/7384480 一.wifi 组建原理: WIFI就是一种无线联网的技术,以前通过网线连接电脑,而现在 ...
【批处理】一键重构Windows图标缓存------解决win10部分图标加载问题
一键重构Windows图标缓存------解决win10部分图标加载问题前言注意事项批处理代码前言本批处理用于解决 Windows 10 资源管理器图标显示缺失问题注意事项图标丢失非偶然 ...

最新文章

热门文章