electron 左上角图标 dev(开发环境)可显示 build(打包)后无法显示

先说解决方法,用于作为图标的ico文件需要富集多种尺寸,必须包含256*256,且同时应当包含其他更小的尺寸。

例如:

接下来解释一下这么做的原因

ico是Iconfile的缩写,是Windows计算机中的一种图标文件格式,一般我们电脑桌面上显示的快捷方式就是这种格式的图标。一个ico文件实际上是多张不同尺寸图片的集合体,根据应用场景的不同自动选择合适的图片格式。

知道ico文件的含义后,便能明白无法显示是因为我们之前的ico文件中不包含左上角那种尺寸的图片,因而无法加载图标,所以只要富集多种尺寸,即可解决问题。

之所以ico文件必须包含256*256,那是electron的要求。

不过在开发环境下能显示,在打包后无法显示,这个问题我就不知道了。

附参考文章:
electron-vue windows打包后左上角图标无法显示问题
【electron+vue】 构建桌面应用------常见的功能及问题

相关推荐
AliciaIr9 分钟前
深入理解HTTP:从协议基础到版本演进(上)
前端·http
pepedd86412 分钟前
数组字符串方法有哪些-带你重温js基础
前端·javascript·trae
pepedd86413 分钟前
深入理解js作用域-你真的懂js吗
前端·javascript·trae
阿迪州15 分钟前
[函数式编程] 为什么要柯里化?
前端
Cache技术分享23 分钟前
162. Java Lambda 表达式 - Consumer 的链式组合
前端·后端
是晓晓吖28 分钟前
为什么在Tab中取不到content.js给window设置的变量/函数?
前端·chrome
日月晨曦30 分钟前
JS闭包:变量的"守护者"与"储物间"
前端·javascript
袁煦丞31 分钟前
轻量级网络大佬Nginx打开公网自由之路:cpolar内网穿透实验室第625个成功挑战
前端·程序员·远程工作
日月晨曦31 分钟前
TypeScript:让JavaScript穿上西装革履
前端·typescript
cvpv32 分钟前
优雅!太优雅!斯巴拉西!怎么让AI写出最优雅的代码
前端·typescript·trae