Ubuntu 17.10 上未显示电子托盘图标答案

【问题标题】：Electron tray icon is not showing on Ubunut 17.10Ubuntu 17.10 上未显示电子托盘图标
【发布时间】：2019-08-29 13:21:16
【问题描述】：

我正在尝试在 Ubuntu 18.04 的托盘栏上显示我的应用程序。

使用此代码

const {app, Menu, Tray} = require('electron')
let tray = null
app.on('ready', () => {
  tray = new Tray(__dirname+'/icongradient.png')
  const contextMenu = Menu.buildFromTemplate([
    {label: 'Item1', type: 'normal',icon:__dirname+'/icongradient.png'},
    {label: 'Item2', type: 'radio'},
    {label: 'Item3', type: 'radio', checked: true},
    {label: 'Item4', type: 'radio'}
  ])
  tray.setToolTip('This is my application.')
  tray.setContextMenu(contextMenu)
})

它根本没有显示，安装libappindicator库后，当我点击图标应该在的空间但图标没有显示时，上下文菜单出现了。

我也在控制台中收到此警告。

(electron:11502): libappindicator-WARNING **: 12:48:23.673: Using '/tmp' paths in SNAP environment will lead to unreadable resources

【问题讨论】：

我也面临同样的问题。你能解决吗？

标签： electron ubuntu-18.04

【解决方案1】：

提供直接路径尝试使用 npm path 模块。

const path = require('path');

if (process.env.NODE_ENV === "development") {
   if (process.platform === "linux")
     trayIcon = path.join(__dirname, "electron/assets/icons/images/22x22.png");
   else if (process.platform === "darwin")
     trayIcon = path.join(__dirname, "electron/assets/icons/images/22x22.png");
   else if (process.platform === "win32")
     trayIcon = path.join(__dirname, "electron/assets/icons/images/32x32.png");
 } else if (process.env.NODE_ENV === "production") {
   if (process.platform === "linux")
     trayIcon = path.join(process.resourcesPath, "electron/assets/icons/images/22x22.png");
   else if (process.platform === "darwin")
     trayIcon = path.join(process.resourcesPath, "electron/assets/icons/images/22x22.png");
   else if (process.platform === "win32")
     trayIcon = path.join(process.resourcesPath, "electron/assets/icons/images/32x32.png");

new Tray(iconPath);

最后，添加你的 package.json

"build": { "extraResources": "electron/assets/icons/images" }

For more reference how to handle in development and after build

【讨论】：