System tray icon

System tray icon shows in development mode, but not after packaging the app. Any workaround to this?

This is how I add the icon

let tray = new Tray(
      nativeImage.createFromPath(
        path.join(__dirname, 'resources', 'icons', '24x24.png')
      )
    );

[masonlee]

I figured it out with help from the electron-builder docs and https://stackoverflow.com/a/46033483/530309

I moved my tray icon into a new folder called [my_project]/extraResources.

Then I added a electron-builder definition for “extraResources” in [my_project]/package.json. For me, that looks like:

  "build": {
    "extraResources": [
      "./extraResources/**"
    ],
   ...

Then, when referencing the tray icon by name, I use a new getAssetPath() function so that it can be found in dev mode and when packaged. Here’s that:

import path from 'path';
import { app, Tray } from 'electron';

const EXTRA_RESOURCES_PATH = app.isPackaged
  ? path.join(process.resourcesPath, 'extraResources')
  : path.join(__dirname, '../../extraResources');  // Your relative path may be different!

const getAssetPath = (resourceFilename: string): string => {
  return path.join(EXTRA_RESOURCES_PATH, resourceFilename);
};

const tray = new Tray(getAssetPath("myTrayIcon.png");

Hope this helps others who are new to Electron. Anyone know a better way? Should this be something that’s added to this boilerplate project, or did I miss how the boilerplate recommends to do this?

[patrickkreuzenort]

My problem with packaging of an embedded sqlite db with prepared data is now solved, thank you very much!