electron-builder打包vue2项目问题合集
创始人
2024-11-15 04:33:49

一、打包之后不显示elecmentui的图标
1、使用版本

  1. vue ^2.6.14
  2. element-ui ^2.15.14
  3. vue-cli-plugin-electron-builder 2.1.1

2、解决办法

1) 如果是简单的图标可以使用图片代替(这种对于elementui组件的图标还是不会显示)
2)在vue.config.js配置

const { defineConfig } = require('@vue/cli-service')   module.exports = defineConfig({   transpileDependencies: true,   lintOnSave:false,   pluginOptions:{     electronBuilder:{       customFileProtocol:"/"     }   } }) 

二、修改打包之后的app图标
1、将图片放在public文件夹下面
2、npm install electron-icon-builder
3、修改package.json文件(很奇怪这里只能用png文件不能使用.ico文件)
“electron:generate-icons”:“electron-icon-builder --input=./public/logo.png --output=build --flatten”
4、修改background.js

  const win = new BrowserWindow({     width: 800,     height: 600,     icon:'./public/favicon.ico'     }) 

5、修改vue.config.js文件

  pluginOptions:{     electronBuilder:{       customFileProtocol:"/",       win:{          icon:"favicon.ico"       },       nodeIntegration: true     }   } 

6、打包 npm run electron:generate-icons 然后再 npm run electron:build

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...