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

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

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

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

···

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

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

相关推荐
松树戈40 分钟前
plus-ui&RuoYi-Vue-Plus 基于pgSql本地运行实践
前端·vue.js·spring boot·ui
Stella25213 小时前
【Vue】CSS3实现关键帧动画
前端·vue.js·css3
素雪风华3 小时前
构建RAG混合开发---PythonAI+JavaEE+Vue.js前端的实践
java·vue.js·python·ai·语言模型·llms·qwen千问大模型
这个一个非常哈6 小时前
VUE篇之自定义组件使用v-model
前端·javascript·vue.js
热爱前端的小君同学6 小时前
长按拖拽移动的vue3组件
前端·javascript·vue.js
noravinsc7 小时前
InforSuite AS 可以发布django和vue项目是否可行
vue.js·python·django
岁岁岁平安7 小时前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
CUIYD_19897 小时前
javascript —— ! 和 !! 的区别与作用
前端·javascript·vue.js
慌糖8 小时前
vue3搭建脚手架前的前置知识
vue.js
海上彼尚12 小时前
秒删node_modules[无废话版]
vue.js·react.js