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

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

例如:

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

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

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

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

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

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

相关推荐
鸿蒙布道师21 分钟前
OpenAI为何觊觎Chrome?AI时代浏览器争夺战背后的深层逻辑
前端·人工智能·chrome·深度学习·opencv·自然语言处理·chatgpt
袈裟和尚26 分钟前
如何在安卓平板上下载安装Google Chrome【轻松安装】
前端·chrome·电脑
曹牧29 分钟前
HTML字符实体和转义字符串
前端·html
小希爸爸35 分钟前
2、中医基础入门和养生
前端·后端
局外人LZ39 分钟前
前端项目搭建集锦:vite、vue、react、antd、vant、ts、sass、eslint、prettier、浏览器扩展,开箱即用,附带项目搭建教程
前端·vue.js·react.js
G_GreenHand1 小时前
Dhtmlx Gantt教程
前端
鹿九巫1 小时前
【CSS】层叠,优先级与继承(四):层叠,优先级与继承的关系
前端·css
卓怡学长1 小时前
w304基于HTML5的民谣网站的设计与实现
java·前端·数据库·spring boot·spring·html5
宝拉不想努力了1 小时前
vue element使用el-table时,切换tab,table表格列项发生错位问题
前端·vue.js·elementui
YONG823_API1 小时前
深度探究获取淘宝商品数据的途径|API接口|批量自动化采集商品数据
java·前端·自动化