electron-vue打包后左上角图标不显示问题解决

最新推荐文章于 2024-06-07 15:28:37 发布
最新推荐文章于 2024-06-07 15:28:37 发布
阅读量1.1k 收藏
点赞数
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Haveyounow/article/details/113486456
版权

图标字节太大了！！！
把图标字节降到100kb以下试试，我的图标是70kb 256*256的就可以正常显示

我是使用IcoFX工具生成图标的

阿里图标我下载的64*64的，然后使用IcoFX工具生成256*256的图标，抗锯齿度就刚刚好

mainWindow = new BrowserWindow({
  ...
  icon: path.join(__dirname, 'favicon.ico'), // 解决开发时图标替换
})
Michael_3612
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron-vue 关于图标的修改
mm_0123456789的博客
04-28 6972
electron-vue 图标 提示：图标包括：启动项目时桌面主题图标，窗口左上角图标，菜单栏图标，系统托盘图标，打包安装图标、开始菜单图标、快捷方式图标等。 文章目录electron-vue 图标1. 启动项目默认图标与窗口左上角图标2. 菜单栏图标3. 系统托盘图标4. 打包安装包图标5. 开始菜单图标和快捷方式图标总结 1. 启动项目默认图标与窗口左上角图标 这两个图标均由 mainWindow 的 icon 属性决定： 代码如下（示例）： mainWindow = new BrowserWi
electron-packager 将网页打包成桌面端应用设置icon不起作用，替换electron-packager默认图标
G佳伟
05-23 2598
electron-packager 将网页打包成桌面端应用设置icon不起作用，替换electron-packager默认图标，Electron在windows平台下需要使用 .ico 格式作为图标文件，而非 .png 或 .svg 格式，因此您应该将图标文件转换为 .ico 格式。此外，务必确保图像大小不大于 256x256 像素。
二、electron 的 BrowserWindow 的属性
最新发布
XL984507092的博客
06-07 388
enableRemoteModule 是开启远程模块，意思就是说在别的地方使用 electron 的时候，需要设置为 true 才可以使用。获取当前窗口也是需要 引入 remote ,调用 getCurrentWindow 方法。以上这么写是开启一个新的窗口。
Electron打包图标不显示解决方案
大爱仙尊
01-12 4194
​ 最近做了一个vue3+electron-vue+elementplus的小软件，最终打包生成exe应用程序，应用程序的logo和启动logo状态栏logo、安装logo全部正常，本地yarn run serve ，左上角logo也正常，但是一打包。如果去掉图标配置，electron使用默认logo，就可以正常显示。踩坑良久，搜了许许多多解决方案，终于解决了这一问题。electron必须使用256*256的图片，所以需要提前准备这样大小的图片。我们需要先准备一张256 * 256的png格式的图片。
electron-vue windows打包后左上角图标无法显示问题
ling_lang的博客
07-23 1547
解决方法 1、图标必须是256x256大小的 2、使用png格式或者ico格式的图标 关于图标的格式，有个问题，我有两个electron项目，是使用不同的脚手架构建的，一个使用的是ico格式的图标，打包后的应用左上角的小图标可以正常显示。 但是另一个在使用ico格式图标的时候，打包后无法正常显示左上角图标，后面改为使用png格式的图标打包后可以正常显示。 所以说，虽然都是基于electron的项目，但是图标的使用样式可能有些许差别。 ...
2,【electron+vue】 构建桌面应用——常见的功能及问题(修改桌面图标,软件图标,窗口图标,图标不显示问题,影藏默认菜单栏,开机自启,手动或被动关闭应用)
$
09-27 2951
1.首先这些图标必须是结尾的图片,如果你将其他格式的图片改成.ico的,也不行哦,至于为什么,我也没深入研究,按着规定来就好.2.如何获取.ico格式的图片或者说如何将其他格式的图片转换成.ico格式的图片呢,这里推荐一个app,名字是,大家自行搜索安装使用哈,给大家看下大概的界面:3,前两步弄好后,咱们就有了ico的图片,现在替换默认的图片,在你声明主进程的地方这是修改应用左上角的图标4,修改桌面的图标, .exe前面的图标。
electron-vue 打包所需文件
03-23
** Electron-Vue 框架详解 ** Electron-Vue 是一个基于 Vue.js 和 Electron 的桌面应用程序开发框架，它结合了 Vue 的前端开发优势和 Electron 的桌面应用能力，使得开发者可以利用 Web 技术（HTML、CSS、...
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
`electron-vue` 是一个预配置的 `Vue.js` 和 `Electron` 开发环境，它整合了 `vue-cli` 和 `webpack` 配置，使得在 Electron 中使用 Vue.js 更加方便。 **1. Webpack 的核心概念** 在深入讨论多页面配置之前，我们...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了，想试试新功能 工作中用的 umi+electron 项目大了，启动速度并不理想； 用 vite 试试...
electron-vue打包流程.md
05-19
electron还是麻烦啊，看了很久的文章，总结打包流程
electron更换图标的run build后左上角图标不显示问题
FateInTheSky的博客
07-01 3505
在使用electron+vue开发一个桌面应用，打包过程遇到坑，替换窗口的左上角图标让我搞了一天，网上说的什么格式或者路径问题都没对，最后在我将要放弃胡乱尝试之后居然成功了。 1、造成的原因 因为一开始打包过程参考了网上的一些打包文件配置，在package.json文件里面胡乱配置了一些参数，关于图标的配置也设置了（如下图1），一开始我以为在这里配置的图标是关于打包后生成exe文件的图标，所以就没管，但是仅在这里配置一下状态栏跟窗口的左上角图标还是electron默认图标，然后本人就以更改状态栏图标跟窗体左
electron+vue3 应用更换应用图标
weixin_43136717的博客
11-18 1294
electron+vue3 应用更换应用图标
vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
m0_58185754的博客
08-01 3002
vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
第三篇 关于electron + vue 图标
qq_42647677的博客
02-18 702
可以看到图标已经设置成功。
electron 样式不加载_Electron中的坑和经验
weixin_39627455的博客
12-24 1673
#1 控制中弹出的窗口需要监听一个的弹窗事件时，有两种方法：document.getElementById('webview1').addEventListener('new-window', (e) => {console.log(e.url)}和document.getElementById('webview1').addEventListener('dom-ready', () =&g...
Electron 打包配置，element-ui图标不显示
qq_40986353的博客
05-04 936
图标不显示，查看打包之后elementui的路径，有可能是是这里配置的时候地址写错，导致引用出错。
electron-vue打包图标不见了？
Mr丶Yang
03-02 1550
electron 11 vue-cli4 打包图标不见了？？ 打开 background.js 设置 icon: ${__static}/图标名称.ico, 托盘的图标也一样 tray = new Tray(path.join(${__static}, “./图标名称.ico”)); 可以打包下班了 我的 background.js ，随便配置的仅供参考 "use strict"; import { app, protocol, BrowserWi.
electron-vue打包时会把local打包
08-02
回答: 在electron-vue打包时，如果想要将local文件夹打包进去，可以按照以下步骤进行操作。首先，根据报错提示手动下载electron包，将其存放在C:\Users\AppData\Local\electron\Cache文件夹中。[1]然后，下载...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值