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

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

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

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

···

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

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

相关推荐
学Linux的语莫3 小时前
Vue 3 入门教程
前端·javascript·vue.js
AI科技星4 小时前
数术工坊 · 第四卷 橡皮泥江湖(拓扑学)【完整定稿】
c语言·开发语言·汇编·electron·概率论·拓扑学
qq4356947015 小时前
Vue04
前端·vue.js
鹤卿1237 小时前
(OC)UI学习——网易云仿写
ui·ios·objective-c
万物更新_8 小时前
vue框架
前端·javascript·vue.js·笔记
一个被程序员耽误的厨师12 小时前
04-实践篇-让AI生成可视化页面-ai-json-ui的落地实践
人工智能·ui·json
英勇无比的消炎药12 小时前
一文吃透TinyRobot Bubble:从基础组件搭建完整AI消息渲染体系
vue.js
秋雨梧桐叶落莳12 小时前
iOS——QQ音乐仿写项目总结
学习·macos·ui·ios·mvc·objective-c·xcode
英勇无比的消炎药12 小时前
深挖底层:TinyRobot Bubble消息气泡组件核心技术原理
vue.js
英勇无比的消炎药12 小时前
架构剖析:TinyRobot Bubble渲染器状态管理与工具调用机制
vue.js