当前位置： 首页 > news >正文

芋道前端框架上线之后发现element-ui的icon图标全部乱码

news 2025/10/31 3:29:36

前言

  • 最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好
  • 最后一顿搜，发现是sass版本不兼容导致的图标乱码问题

解决办法

1.先把sass升级到1.39.0

2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带

 css: {loaderOptions: {sass: {// 解决 element-ui 图标 icon 偶现乱码问题sassOptions: { outputStyle: 'expanded' }},postcss: {plugins: [postcss]}}},

总结：

经过这一趟流程下来相信你也对 芋道前端框架上线之后发现element-ui的icon图标全部乱码 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

有什么不足的地方请大家指出谢谢 -- 風过无痕

相关文章：

芋道前端框架上线之后发现element-ui的icon图标全部乱码

前言 最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好最后一顿搜，发现是sass版本不兼容导致的图标乱码问题 解决办法 1.先把sass升级到1.39.0 2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带 css: {lo…...

编程日记 2023/12/21 22:27:16

每个伦敦金投资者都应该练习的日线图交易

在伦敦金市场中，每个投资者都应该试着去做日线图的交易。有的人一听到日线图马上摇头，原因是日线图的价格跨度大，导致止损距离也变大，这样对投资者来说无疑是增加了风险。如果资金量大的投资者还好说，可以降低仓位&…...

编程日记 2023/12/21 22:26:15

高通平台开发系列讲解（USB篇）adb应用adbd分析

沉淀、分享、成长，让自己和他人都能有所收获！😄 在apps_proc/system/core/adb/adb_main.cpp文件中main()函数会调用adb_main()函数，然后调用uab_init函数 在uab_init（）函数中，会创建一个线程，在线程中会调用init_functionfs（）函数，利用ep0控制节点，创建ep1、ep2输…...

编程日记 2023/12/21 22:25:14

【上海大学数字逻辑实验报告】七、中规模元件及综合设计

一、实验目的 掌握中规模时序元件的测试。学会在Quartus II上设计序列发生器。 二、实验原理 74LS161是四位可预置数二进制加计数器，采用16引脚双列直插式封装的中规模集成电路，其外形如下图所示： 其各引脚功能为： 异步复位输…...

编程日记 2023/12/21 22:24:13

JVM内存结构Java内存模型Java对象模型

导图： https://naotu.baidu.com/file/60a0bdcaca7c6b92fcc5f796fe6f6bc9 1.JVM内存结构&&Java内存模型&&Java对象模型 1.1.JVM内存结构 1.2.Java对象模型 Java对象模型表示的是这个对象本身的存储模型,JVM会给这个类创建一个instanceKlass保存在方…...

编程日记 2023/12/21 22:23:12

Istio 社区周报（第一期）：2023.12.11 - 12.17

欢迎来到 Istio 社区周报 Istio 社区朋友们，你们好！ 我很高兴呈现第一期 Istio 社区周报。作为 Istio 社区的一员，每周我将为您带来 Istio 的最新发展、有见地的社区讨论、专业提示和重要安全新闻内容。 祝你阅读愉快，并在下一期中…...

编程日记 2023/12/21 22:19:09

质量图导向法解包裹之---计算边缘可靠性

在这之前需要我们知道像素点的可靠性 % 这反映了相位变化的平滑程度。以下是一个可能的实现，它使用了二阶差分来计算可靠性： function rel calculateReliability(wrappedPhase)% 应用高斯滤波减少噪声filteredImg imgaussfilt(wrappedPhase, 2); % 2 …...

编程日记 2023/12/21 22:17:07

C# WPF上位机开发（进度条操作）

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing 163.com】 软件上面如果一个操作比较缓慢，或者说需要很长的时间，那么这个时候最好添加一个进度条，提示一下当前任务的进展…...

编程日记 2023/12/21 22:16:06

vulnhub-Tre(cms渗透)

靶机和kali都使用net网络，方便探测主机获取ip1.靶机探测 使用fping扫描net网段 靶机ip：192.168.66.130 2.端口扫描 扫描发现该靶机三个端口，ssh，还有两个web，使用的中间件也是不一样的，一个是apache&…...

编程日记 2023/12/21 22:14:04

Re解析（正则表达式解析）

正则表达式基础 元字符 B站教学视频： 正则表达式元字符基本使用 量词 贪婪匹配和惰性匹配 惰性匹配如下两张图，而 .* 就表示贪婪匹配，即尽可能多的匹配到符合的字符串，如果使用贪婪匹配，那么结果就是图中的情况三 p…...

编程日记 2023/12/21 22:13:03

HTML输出特殊字符详细方法

以下是部分特殊字符代码表，它们的完整应用代码格式为：&#;用下面的四位数字替换，将得到对应的符号。（注意：应用这些代码，编辑器应该切换到HTML模式） ☏260f ☎260e ☺263a ☻263b ☼263c ☽…...

编程日记 2023/12/21 22:05:56

《漫画算法》笔记——计算两个大数的和

例题： 输入：“123”，“234” 输出：“357” 思路： 使用数组，分别计算每一位上的加和，注意记录进位信息。 然后，将数组恢复成字符串，输出。 值得注意的是，加和…...

编程日记 2023/12/21 22:03:54

Python3.13版本改进规划

大家好，最近faster-cpython 项目的文档介绍了关于 Python 3.13 的规划，以及在 3.13 版本中将要实现的一些优化和改进。faster-python 是 Python 的创始人 Guido van Rossum 和他的团队提出的计划 ，目标是在四年内将 CPython 的性能提升五倍。…...

编程日记 2023/12/21 22:01:52

aws配置以及下载 spaceNet6 数据集

一：注册亚马逊账号 注册的时候，唯一需要注意的是信用卡绑定，这个可以去淘宝买，搜索aws匿名卡。 注册完记得点击登录，记录一下自己的账户ID哦！ 二：登录自己的aws账号 2.1 首先创建一个用户 首…...

编程日记 2023/12/21 21:58:49

进阶之路：高级Spring整合技术解析

Spring整合 1.1 Spring整合Mybatis思路分析1.1.1 环境准备步骤1:准备数据库表步骤2:创建项目导入jar包步骤3:根据表创建模型类步骤4:创建Dao接口步骤5:创建Service接口和实现类步骤6:添加jdbc.properties文件步骤7:添加Mybatis核心配置文件步骤8:编写应用程序步骤9:运行程序 1.…...

编程日记 2023/12/21 21:55:47

【ArcGIS微课1000例】0081：ArcGIS指北针乱码解决方案

问题描述： ArcGIS软件在作图模式下插入指北针，出现指北针乱码，如下图所示： 问题解决 下载并安装字体（配套实验数据包0081.rar中获取）即可解决该问题。 正常的指北针选择器： 专栏介绍&#xff…...

编程日记 2023/12/21 21:54:46

uniapp运行到手机模拟器

第一步，下载MUMU模拟器 下载地址：MuMu模拟器官网_安卓12模拟器_网易手游模拟器 (163.com) 第二步，运行mumu模拟器 第三步，运行mumu多开器 第三步，查看abs 端口 第四步，打开HBuilder,如下图，将…...

编程日记 2023/12/21 21:53:45

基于PHP的蛋糕购物商城系统

有需要请加文章底部Q哦 可远程调试 基于PHP的蛋糕购物商城系统 一 介绍 此蛋糕购物商城基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。 技术栈：phpmysqlbootstrapphpstudyvscode 二 功能 用户 1 注册/登录/注销…...

编程日记 2023/12/21 21:50:43

嵌入式中的定时器概念

定时器概述 定时器是嵌入式系统中常用的一种外设，它可以产生一定的时间间隔、延时、定时等功能，广泛应用于定时、计数、脉冲宽度调制(PWM)等领域。 具体而言，定时器可以实现以下功能： 计时：定时器可以用来实现延时操作，例如等待外部设备的稳定、等待数据的接收等，也可以…...

编程日记 2023/12/21 21:49:41

鸿蒙ArkTS语言介绍与TS基础语法

1、ArkTS介绍 ArkTS是HarmonyOS主力应用开发语言，它在TS基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等响应的能力，让开发者以更简洁、更自然的方式开发跨端应用。 JS 是一种属于网络的高级脚本语言，已经被广泛用…...

编程日记 2023/12/21 21:45:38

Python｜GIF 解析与构建（5）：手搓截屏和帧率控制

目录 Python｜GIF 解析与构建（5）：手搓截屏和帧率控制 一、引言 二、技术实现：手搓截屏模块 2.1 核心原理 2.2 代码解析：ScreenshotData类 2.2.1 截图函数：capture_screen 三、技术实现&…...

编程新知 2025/9/19 8:02:57

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 （1）连接查询（JOIN） 内连接（INNER JOIN）：返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

编程新知 2025/10/24 14:20:29

云计算——弹性云计算器（ECS）

弹性云服务器：ECS 概述 云计算重构了ICT系统，云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台，包含如下主要概念。 ECS（Elastic Cloud Server）：即弹性云服务器，是云计算…...

编程新知 2025/8/16 21:50:27

可靠性+灵活性：电力载波技术在楼宇自控中的核心价值

可靠性灵活性：电力载波技术在楼宇自控中的核心价值 在智能楼宇的自动化控制中，电力载波技术（PLC）凭借其独特的优势，正成为构建高效、稳定、灵活系统的核心解决方案。它利用现有电力线路传输数据，无需额外布…...

编程新知 2025/9/27 2:43:26

基于Docker Compose部署Java微服务项目

一. 创建根项目 根项目&#xff08;父项目&#xff09;主要用于依赖管理 一些需要注意的点&#xff1a; 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件&#xff0c;否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...

编程新知 2025/10/27 21:54:32

Java面试专项一-准备篇

一、企业简历筛选规则 一般企业的简历筛选流程&#xff1a;首先由HR先筛选一部分简历后&#xff0c;在将简历给到对应的项目负责人后再进行下一步的操作。 HR如何筛选简历 例如&#xff1a;Boss直聘&#xff08;招聘方平台&#xff09; 直接按照条件进行筛选 例如&#xff1a…...

编程新知 2025/10/27 23:23:25

算法笔记2

1.字符串拼接最好用StringBuilder&#xff0c;不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

编程新知 2025/10/23 16:57:24

JS手写代码篇----使用Promise封装AJAX请求

15、使用Promise封装AJAX请求 promise就有reject和resolve了&#xff0c;就不必写成功和失败的回调函数了 const BASEURL ./手写ajax/test.jsonfunction promiseAjax() {return new Promise((resolve, reject) > {const xhr new XMLHttpRequest();xhr.open("get&quo…...

编程新知 2025/8/24 18:47:31

【LeetCode】算法详解#6 ---除自身以外数组的乘积

1.题目介绍 给定一个整数数组 nums&#xff0c;返回 数组 answer &#xff0c;其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积 。 题目数据 保证 数组 nums之中任意元素的全部前缀元素和后缀的乘积都在 32 位 整数范围内。 请 不要使用除法&#xff0c;且在 O…...

编程新知 2025/10/28 17:51:25

协议转换利器，profinet转ethercat网关的两大派系，各有千秋

随着工业以太网的发展&#xff0c;其高效、便捷、协议开放、易于冗余等诸多优点&#xff0c;被越来越多的工业现场所采用。西门子SIMATIC S7-1200/1500系列PLC集成有Profinet接口&#xff0c;具有实时性、开放性&#xff0c;使用TCP/IP和IT标准&#xff0c;符合基于工业以太网的…...

编程新知 2025/10/29 15:34:09