vue 使用element-ui打包正式环境字体图标乱码问题

记录vue 使用element-ui打包正式环境字体图标乱码问题新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本地的图片直接拖拽到

明媚始初晴。

3950人浏览 · 2021-04-09 11:54:22

明媚始初晴。 · 2021-04-09 11:54:22 发布

记录vue 使用element-ui 字体图标遇到的坑

转载于：http://www.5imoban.net/jiaocheng/bootstrap/2020/1110/4373.html

今天项目打包正式环境，发现页面刷新时，页面图标有几率会乱码，使用的是 element ui 2.13.2

乱码如图：
在这里插入图片描述
打开F12调试者工具：图片正常显示状态下，查看到的样式依然是乱码

解决方法：

卸载dart-sass

npm uninstall sass
安装node-sass 4.14.1版本

npm install node-sass@4.14.1

重新运行后，发现字体图标显示正常了
在这里插入图片描述
撒花！接下来就快乐的打包吧~~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^