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

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

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

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

···

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

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

相关推荐
Eason_Lou1 小时前
vue flow使用注意事项
前端·vue.js
马可家的菠萝5 小时前
Vue3 + Canvas 手绘笔记工程化实践:别把画布只当成一张 PNG
前端·vue.js·算法
用户841794814566 小时前
如何用 vue 甘特图来实现计划和实际双任务条进度展示
vue.js
卸任6 小时前
AI英语学习助手:从翻译工具到 AI 英语学习助手
前端·electron
京东云开发者9 小时前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手【最终版】
前端·vue.js·音视频开发
一颗烂土豆9 小时前
ECharts 太平面?试试这款 Vue 3D 图表库
前端·vue.js·echarts
宿67410 小时前
vscode文件夹
前端·vue.js·vscode
sosohotsummer10 小时前
Vue多级路由嵌套,keep-alive缓存问题
前端·javascript·vue.js
雪芽蓝域zzs11 小时前
新建前端pnpm(vue js ) 仿若依项目(一)
前端·javascript·vue.js
vipbic11 小时前
网站升级了,我却有点舍不得
前端·vue.js·后端