question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Built application displays nothing but a white screen

See original GitHub issue

So when I build my project no errors are shown during the building process, but when I try to open the built version it simply displays a white screen upon opening. My build settings in the package.json looks like so:

  "build": {
    "appId": "com.example.electron-cra",
    "files": [
      "**"
    ],
    "directories": {
      "buildResources": "."
    }
  },

and my “pack” npm script is simply calling “electron-pack”

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:12
  • Comments:28 (2 by maintainers)

github_iconTop GitHub Comments

118reactions
Phiiiicommented, Nov 19, 2018

If any of you guys use React Router, one of the thing that might break your Electron build is BrowserRouter.

Using HashRouter will fix this problem.

40reactions
N4G1B4T0Rcommented, Aug 14, 2018

Hi, I got the same issue and I figure out this using devtools

mainWindow.webContents.openDevTools();
mainWindow.webContents.on("devtools-opened", () => {
     mainWindow.webContents.closeDevTools();
 }); 

I don’t know how but it works for me. I guess, it would be helpful for u.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Electron shows white screen when built
First of all forget about the electron folder, do not touch it. · In your react/ion directory which is your root directory for...
Read more >
Office blank white screen
When I open the Office app, only a white blank screen is displayed. This occurs on my laptop, and suddenly started showing the...
Read more >
Solved: App Engine Studio Create App White Screen
Solved: Hey guys I have a blank white screen when I try and create an app in the app engine studio and I...
Read more >
Electron app showing white screen after successful build but ...
Electron app showing white screen after successful build but work in development mode. This problem is due to wrong link between build folder...
Read more >
How to Fix a Blank White Screen
White screen issues are often plugin-related. If you were installing, updating, or working with a plugin immediately before the white screen issue, that...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found