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

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

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

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

···

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

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

相关推荐
meilindehuzi_a35 分钟前
Vue3组件样式隔离与组件通信实战:从 scoped、props 校验到记事本应用
前端·javascript·vue.js
imber3 小时前
别把多平台发布当复制粘贴:一套可复用的内容工程工作流
electron
imber6 小时前
Visual Muse 三平台真实发布验收
electron
腻害兔14 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:IM 即时通讯模块,一个被低估的「全功能聊天系统」
java·前端·vue.js·产品经理·ai编程
妙码生花16 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(三十九):前端上传组件实现
javascript·vue.js·ai编程
前端逗比逗17 小时前
Electron 全维度完整配置手册(最新稳定版,适配 Electron 25+)
前端·electron
JoyT18 小时前
Nuxt 3的核心设计与静态官网应用
前端·javascript·vue.js
绿浪198419 小时前
WPF UI标准流水线
ui·wpf
无人生还1 天前
从 Vue3 到 React · 快速上手系列第 5 篇:事件处理与表单(受控组件 vs v-model)
前端·vue.js·react.js
乌夷1 天前
vue知识点
前端·javascript·vue.js