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

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

例如:

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

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

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

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

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

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

相关推荐
雯0609~18 分钟前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ21 分钟前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z27 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜1 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish1 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five1 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序1 小时前
vue3 封装request请求
java·前端·typescript·vue
临枫5411 小时前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript
前端每日三省1 小时前
面试题-TS(八):什么是装饰器(decorators)?如何在 TypeScript 中使用它们?
开发语言·前端·javascript