electron-builder打包vue2项目问题合集

server/2024/10/21 11:59:05/

一、打包之后不显示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配置

javascript">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

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

5、修改vue.config.js文件

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

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


http://www.ppmy.cn/server/95381.html

相关文章

XML 学习笔记

简介: (1)XML:可扩展性标记语言,用于传输和存储数据,而不是展示数据,是W3C 推举的数据传输格式。 XML的标签必须自定义,但是在写标签名的时候一定要有含义。 XML 只能有一个根节点…

什么是人工智能 (AI)

1955年9月,达特茅斯学院(Dartmouth College)年轻的数学助理教授约翰麦卡锡(John McCarthy)大胆提出,“原则上,学习的各个方面或智力的任何其他特征都可以被精确地描述,以至于可以制造…

嵌入式linux相机 图像处理模块

V4L2接口捕获图像数据&#xff0c;OpenCV简单图像处理 OpenCV提供了大量的图像处理功能&#xff0c;包括滤波、边缘检测、几何变换 #include <fcntl.h> #include <unistd.h> #include <sys/ioctl.h> #include <linux/videodev2.h> #include <sys/…

[Git][分支管理][上]详细讲解

目录 1.理解分支2.创建分支3.切换分支4.合并分支5.删除分支 1.理解分支 感性理解&#xff1a;分支可以理解为平行宇宙&#xff0c;但是在用户需要的时候&#xff0c;可以将两个平行宇宙合并&#xff0c;此时两个平行宇宙的效果将会"叠加"理性理解&#xff1a;每次提…

运放学习提纲

目的&#xff1a;给初入硬件的朋友一个系统性学习运放的参考方向&#xff0c;避免像无头苍蝇那般 一&#xff1a;偏置电流 1.1. 为什么是输入偏置电流&#xff1f; 1.2. 什么是输入偏置电流&#xff1f; 1.3. 怎么搜索资料&#xff1f;怎么把 ADI 模型导 入Multisim &#…

【人工智能基础一】:深度学习基础

文章目录 1. 深度学习概念2. 深度学习原理3. 深度学习学习方式4. 深度学习训练方法 1. 深度学习概念 深度学习的概念来源于人工神经网络&#xff08;Artificical Nerural Network&#xff0c;ANN&#xff09;&#xff0c;所以又被称为深度神经网络&#xff08;Deep Neural Net…

Redis 执行Lua脚本

Redis 执行Lua脚本 1. 简介 “Redis Lua是一种在Redis中使用的轻量级、高效的脚本语言&#xff0c;用于实现复杂操作和保证操作的原子性。 优点 大量减少Redis客户端与Redis服务器的RTT时间。降低Redis客户端与Redis服务器的宽带压力&#xff0c;很多数据不需要传回Redis客…

电路元件基本知识详解

电路元件基本知识详解 在现代电子技术中&#xff0c;电路元件是构成各种电子电路的基本单元。它们各自具有不同的特性和功能&#xff0c;通过不同的连接方式实现多种多样的电路功能。本文将详细介绍几种常见的电路元件及其基本知识。 ### 一、电阻器 #### 1. 电阻器的基本概…