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

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

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

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

···

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

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

相关推荐
织_网4 小时前
Electron 核心 API 全解析:从基础到实战场景
前端·javascript·electron
创可贴治愈心灵6 小时前
WPF中UI线程频繁操作造成卡顿的处理
ui·c#·wpf
JustHappy6 小时前
「Versakit攻略」🔥Pnpm+Monorepo+Changesets搭建通用组件库项目和发包流程
前端·javascript·vue.js
用户66197734585757 小时前
Vue3笔记
前端·vue.js
2401_837088508 小时前
ref 简单讲解
前端·javascript·vue.js
前端小巷子10 小时前
Vue3的渲染秘密:从同步批处理到异步微任务
前端·vue.js·面试
每天学习一丢丢11 小时前
SpringBoot + Vue实现批量导入导出功能的标准方案
vue.js·spring boot·后端
小码编匠11 小时前
物联网数据大屏开发效率翻倍:Vue + DataV + ECharts 的标准化模板库
前端·vue.js·echarts
GHOME11 小时前
Vue2知识点详细回顾(以及自己的一些思考和解答)-2
前端·vue.js·面试
复苏季风11 小时前
2025 年了,Vite+Vue3 微前端该用啥方案?3 大主流方案实战对比
前端·vue.js