Release app blank window about electron-react-boilerplate

[lacymorrow]

This issue is back, macos 10.14

Cant even page the example app.

[0x80]

I've triggered openDevTools() on the release build and it appears the bundle file is not being found:

failed to load file:///Users/me/tmp/electron-react-boilerplate/release/darwin/ElectronReact.app/Contents/Resources/app/dist/bundle.js

There is indeed no bundle file in the dist folder.

[chentsulin]

Now It does not execute bundle in package process.

Maybe I should include exec webpack in package.js

[chentsulin]

And I will include electron-debug when it be published to npm.

[chentsulin]

I even find out some weird behavior about electron-packager with ignore option.....some time whole app will not be included by electron-packager

Update:
electron-packager's filter match to a whole path name..

/Users/chentsulin/Projects/test/electron-react-boilerplate

will match '/test($|/)' in ignore:

ignore: [
    '/test($|/)',
    '/tools($|/)',
    '/release($|/)'
].concat(devDeps.map(function(name) { return '/node_modules/' + name + '($|/)' }))

be careful with test, tools, release before this issue be fixed.

[akovalyov]

@0x80 have you run npm run build before npm run package ? I have run in the same issue.
@chentsulin maybe the build task should be combined with package one?

[0x80]

@akovalyov Thanks that looks like the problem.

package.json build step should reference webpack.config.production.js instead of webpack-production.config.js

--edit--
the del command was ok after all ...

I'm too tired for a PR right now ;)

[0x80]

Also I also noticed that the css file is not being picked up somehow

[0x80]

It seems to me that the whole package app content is off at the moment. It includes the app folder with all the react sources and the webpack configs and all those things.

I think you want to end up eventually with something like this:

.
├── app.html
├── bundle.js
├── main.css
├── node_modules
└── stats.json

But I haven't figure out how to get there yet. Just planting some seeds :)

Also the reason the css is not picked up is probably because it is extracted into a seperate css file where in the dev version it is kept in the bundle. If it's a seperate file in production it should be referenced in the app.html file I guess.

[chentsulin]

This should already be fixed.

[elmehalawi]

I'm having the same problem (and I did do npm run build). How do I get the dev tools in the packaged app so I can figure out whats going on? I tried passing NODE_ENV=development, but that didn't seem to work.

[amilajack]

The packaged app should not contain the dev tools. Run:

npm run dev

[elmehalawi]

That gives me my app, which works correctly. But when I package it, I just get the blank page, and no dev tools to find out why.

[amilajack]

When did you fork or clone this repo?

[elmehalawi]

Not sure when, but I have version 0.10.0.

[amilajack]

The repo version is not updated frequently (last updated April 17). You should making a fresh clone of the repo:

If you forked the repo:

git remote add upstream https://github.com/chentsulin/electron-react-boilerplate.git
git pull upstream master

If you didn't change the origin:

git pull --all

[c446984928]

try this :

function createWindow () {
  mainWindow = new BrowserWindow({
    //...
  })
// use this to open dev tools manualy to debug
 mainWindow.webContents.openDevTools()
//...
}