linux - Electron 托盘图标在 Ubuntu 20.04 上不起作用

标签 linux ubuntu electron icons tray

在使用 Electron 13.1.2 的 Ubuntu 20.04 上,Electron Tray 图标无法正确显示。
图标应该是下面设置的图像:

function createTray() {
    const icon = path.join(process.resourcesPath, 'assets/favicon.png');
    tray = new Tray(nativeImage.createFromPath(icon));
    const contextMenu = Menu.buildFromTemplate([
        {
            label: 'Show',
            click: () => {
                createWindow();
            },
        },
        {
            label: 'Quit',
            click: () => {
                app.quit();
            },
        },
    ]);

    tray.setContextMenu(contextMenu);
    tray.setToolTip('Desktop Client');
    tray.setTitle('Desktop Client');

    showNotification();
}
但它显示了一个紫色图标:
screenshot
我对应用程序图标和通知图标使用了相同的路径并且它有效(蓝色原子图标):
app icon
notification icon
它在 Windows 托盘上也能很好地工作,我不知道为什么它不能在 Ubuntu 上工作。
这是项目文件夹中的图像image in folder
我尝试更改图像分辨率(16x16、32x32、64x64、256x256),但没有任何 react 。

最佳答案

如果您提供 dist 文件夹的图像路径,它将完美运行,

var tray = new Tray(path.join(__dirname, 'dist/assets/logo.png'))

关于linux - Electron 托盘图标在 Ubuntu 20.04 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68416131/

相关文章:

mysql - 如何重启在 Ubuntu linux 上运行的远程 MySQL 服务器?

electron - 用于打开在 Electron 中不起作用的pdf文件的参数

typescript - Electron 和 typescript "Cannot find module ' Electron '"

linux - 删除特定列后的字符

linux - 在 Linux bash 中模拟 ENTER 键并一起导出另一个变量

linux - 如何以编程方式防止 Linux 文件系统上的文件在有限时间内被编辑

mongodb - 如何在 Ubuntu 上安装 mongodb-clients 最新版本?

c++ - C++ 开发人员可以在诺基亚 N900 上使用什么从麦克风捕获实时音频?

linux - k ubuntu - 找出命令执行源(cron?)

javascript - Electron 文件结构和构建应用程序