max-mapper/menubar

Menubar doesn't work after packaging app when using Vue

Open

#318 opened on Jan 24, 2021

View on GitHub
 (3 comments) (1 reaction) (0 assignees)TypeScript (365 forks)github user discovery
help wanted

Repository metrics

Stars
 (6,778 stars)
PR merge metrics
 (PR metrics pending)

Description

Description

Thanks for making a great library!

I have a small Vue app where I want to use Menubar. While developing everything works perfect however after building the app, it doesn't work. The app gets started (the proces is running in Activity Monitor) but there is no icon visible. If I remove the menubar initialization (and build the app), the app works fine. All functions from Menubar work fine while developing, the issue only occurs if the app is built.

Steps to Reproduce the Problem

  1. Start a fresh Vue app
  2. Add npm i vue-cli-plugin-electron-builder
  3. Add a basic menubar setup
  4. Build the app with npm run electron:build
  5. Start the app from the electron_dist/ folder

Expected Behaviour

The app starts and show the menubar icon

Actual Behaviour

The app starts (and quits) but doesn't show an icon in the menubar.

Specifications

  • Menubar version: 9.0.2
  • Platform: Mac OS Big Sur
  • Electron version: v9.4.1

Other information

The menubar is set up using the following:

const mb = menubar({
  icon: join(__static, '../src/assets/IconTemplate.png'),
});

This shows the icon fine while developing.

Contributor guide