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

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

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

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

···

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

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

相关推荐
志尊宝9 小时前
Vue3 零基础每日笔记(076):防抖节流的正确使用——搜索框、按钮防重复提交、滚动监听
javascript·vue.js·笔记
顽疲9 小时前
从零用 Java 实现小红书 SpringBoot Vue UniApp(23)笔记话题多对多:一条笔记进多个话题池
java·vue.js·spring boot
能源革命9 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
且随疾风前行.9 小时前
UI核心 - 绘制流程(测量、布局、绘制)
ui·dubbo
不可能片场10 小时前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
daols8810 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
志尊宝10 小时前
Vue3 零基础每日笔记(075):图片懒加载与骨架屏
javascript·vue.js·笔记
用户17335980753711 小时前
纯前端 PDF 压平避坑指南:压平后表单字段变了?
前端·javascript·vue.js
雪芽蓝域zzs11 小时前
第 4 节:点击地图添加 Marker 标记点
vue.js
雪芽蓝域zzs11 小时前
第 1 章:天地图 V4 + Vue3 + TS(UniApp / 若依可用)从零教学
vue.js