解决electron-builder vue 打包后element-ui字体图标不显示问题

项目使用的是vue2 + element-ui + electron

当使用electron打包完成的时候,启动项目发现使用的element-ui字体图标没显示都变成了小方块,并出现报错,请看下图:

解决方法:
在vue.config.js中设置 customFileProtocol字段:

···

bash 复制代码
 pluginOptions: {
    electronBuilder: {
      customFileProtocol: './' // 设置自定义文件协议,以解决 Electron 中加载本地文件不显示的问题。
    }
  },

最后保存在重新打包就行了!!

相关推荐
rADu REME5 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_11:(语义化容器全站重构+独立CSS拆分+字体合规引入)
前端·css·ui·重构·html·edge浏览器
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_10:(超链接核心语法+路径规则)
前端·css·笔记·ui·html·edge浏览器
被考核重击1 小时前
Vue响应式原理(下)
前端·javascript·vue.js
ZC跨境爬虫10 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端摸鱼匠12 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
Avalon71221 小时前
Unity3D响应式渲染UI框架UniVue
游戏·ui·unity·c#·游戏引擎
Python私教1 天前
Pure-Admin-Thin 深度解析:完整版和精简版到底怎么选?
vue.js·人工智能·开源
qq_454245031 天前
从 UI 操作到环境交互:一种通用元命令自动化协议的设计与意义
人工智能·ui·自动化·交互
格林威1 天前
工业视觉检测:提供可视化UI调试工具的实现方式是什么?
开发语言·人工智能·数码相机·ui·计算机视觉·视觉检测·工业相机