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

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

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

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

···

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

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

相关推荐
小浣熊喜欢揍臭臭3 分钟前
vue+webpack5(高级配置)
前端·javascript·vue.js
Book_熬夜!24 分钟前
Vue2——组件的注册与通信方式、默认插槽、具名插槽、插槽的作用域
前端·javascript·vue.js·前端框架·ecmascript
猫猫不是喵喵.1 小时前
vue 脚手架解决跨域问题
前端·javascript·vue.js
三小河1 小时前
tailwindcss @4和@3版本项目引入,及自定义配置
前端·javascript·vue.js
快乐肥宅_2 小时前
Vue2与Vue3模板编译器对比分析
vue.js
杀死一只知更鸟debug2 小时前
vue2,vue3,vue3 + vite 动态加载图片的方式
前端·javascript·vue.js
Jenlybein3 小时前
学完 Vue3 记不牢?快来看这篇精炼Vue3笔记复习一下 [ Route 篇 ]
前端·vue.js
页面魔术3 小时前
[译]专访尤雨溪: 2025年有什么计划?
前端·vue.js·vite
糯糯机器5 小时前
天啦噜,Vue生命周期加上async并不会阻塞子组件的加载
vue.js