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

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

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

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

···

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

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

相关推荐
酷爱码15 分钟前
PHP最新好看UI个人引导页网页源码
开发语言·ui·php
爱看书的小沐2 小时前
【小沐杂货铺】基于Three.JS绘制卫星轨迹Satellite(GIS 、WebGL、vue、react,提供全部源代码)
javascript·vue.js·webgl·three.js·卫星轨道·地球earth·satellite
DevUI团队3 小时前
Electron 入门学习指南:快速搭建跨平台桌面应用
前端·javascript·electron
柳鲲鹏3 小时前
VUE3多国语言切换(国际化)
前端·javascript·vue.js
Json_5 小时前
使用vue2技术写了一个纯前端的静态网站商城-鲜花销售商城
前端·vue.js·html
ohMyGod_1235 小时前
Vue如何实现样式隔离
前端·javascript·vue.js
Abadbeginning6 小时前
vue3后台管理框架geeker admin 横向布局(了解)
前端·javascript·vue.js
OpenTiny社区6 小时前
直播分享|TinyVue 多端实战与轻量图标库分享
前端·vue.js·开源
Data_Adventure6 小时前
使用CLINE高效完成日常开发:添加csv资源预览功能
javascript·vue.js·cline
阳火锅6 小时前
都2025年了,你还在提交按钮上面用防抖函数?
前端·vue.js·面试