electron Tray 托盘图标问题

188 阅读1分钟

elecron-builer 打包之后项目无法正常启动

自己手写了2个项目。开发的时候运行都很正常,并没有遇到什么问题。直到打包安装的时候,发现项目安装完成之后无法启动。

前提

我使用的是 electron-vite-vue

定位问题

使用了 electron-log 打印日志,发现是读取不到图片。

 [error] Unhandled Rejection at: {} reason: Error: Failed to load image from path 'D:\xxxTool\resources\app.asar\public\icon\32x32.png'

tray icon 路径报错

原因

我是在项目根目录的public/icon 下存放了项目需要的 icon.png (默认应该是build/icon.png)
开发目录和打包目录不一样。
为了实现类似QQ消息提示闪烁的功能 我定义了 icon-h.png

解决办法

 1 模板开发中是读取了 public目录,打包之后 app.aser 下并没有 public目录。
 2 应该判断使用环境使用变量 path.join(`${process.env.VITE_PUBLIC}/icon/32x32Template.png`)
 3 icon命名中不要出现 xx-x.png格式。