Windows 10上的电子托盘图标问题答案

【问题标题】：electron tray icon issue on windows 10Windows 10上的电子托盘图标问题
【发布时间】：2018-02-12 05:55:38
【问题描述】：

我已经构建了电子应用程序，现在想使用提到的 Tray 功能here

我给出的图标路径位于基本位置的构建文件夹中，如下所示

tray = new Tray(`file://${__dirname}/build/icon.ico`);

但这会引发以下错误

我想知道如何使用文档中未提及的图标。

【问题讨论】：

标签： javascript windows-10 electron system-tray

【解决方案1】：

这对我有用。虽然图标的大小必须很小才能显示

const { Tray, nativeImage } = require('electron');

const iconPath = path.join(__dirname, 'build/icon-st.png');
mainWindow.tray = new Tray(nativeImage.createFromPath(iconPath));

【讨论】：

你能指定多小吗？

【解决方案2】：

看起来像是 Windows 的路径问题。我建议使用节点的path 模块使用绝对路径来正确解析绝对路径，如下所示：

const iconPath = path.join(__dirname, 'build/icon.ico');
tray = new Tray(iconPath);

this electron issue 上有几个优秀的 cmets 为您提供各种选择。

【讨论】：

虽然生成了build，但是图标不可见

【解决方案3】：

虽然生成了构建，但是图标不可见。

我遇到了同样的问题，在 Windows 10 托盘上看不到图标。

这是因为图标在窗口的图像查看器中不可见（图标损坏/损坏）。

我已经下载了一个彩色图标并重试，它成功了。

【讨论】：