After building app using electron-packager the javascript can't find images

Question

The app works fine when I run it via $npm start. After I have built the app using electron-packager the javascript within the built app can't find assets in the images directory.

Example: I define the app icon in my main.js var mb = menubar({width: 370, height: 210, preloadWindow:true, icon: 'img/icon/icon.png'}); It gives the error Uncaught Error: ENOENT: no such file or directory, open 'img/icon/icon.png'.

If I load the image in the HTML it works fine.

Relative paths cease to work after packaging for distribution, you'll have to create your paths using `__dirname` — Jens Habegger, Jan 22 '17 at 17:03
In that case, I've added the comment as an answer to your question. — Jens Habegger, Jan 22 '17 at 17:30

score 1 · Accepted Answer · answered Jan 22 '17 at 17:30

1

Relative paths cease to work after packaging for distribution, you'll have to create your paths using __dirname.

answered Jan 22 '17 at 17:30

Jens Habegger

5,266
41
57

After building app using electron-packager the javascript can't find images

1 Answers1