max-mapper / max-mapper/menubar

Menubar doesn't work after packaging app when using Vue

Open
#318 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted
Dominant language
TypeScript
Stars
6.8k
Forks
363
PR merge metrics
No merged PRs in 30d

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the Vue app setup and the electron:build command described in the issue, then compare the menubar initialization and icon path between development and the packaged app. Done means the packaged application starts and displays the menubar icon on macOS.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, javascript
Domain
desktop
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.