yarn dev hangs and doesn't create electron window on Windows 10

yarn dev hangs and doesn’t create the electron window on Windows 10.

D:\dev\electron-react-boilerplate>yarn dev
yarn run v1.22.4
$ cross-env START_HOT=1 node -r @babel/register ./internals/scripts/CheckPortInUse.js && cross-env START_HOT=1 yarn start-renderer-dev
$ cross-env NODE_ENV=development webpack-dev-server --config configs/webpack.config.renderer.dev.babel.js
Starting Main Process...

> electron-react-boilerplate@1.1.0 start-main-dev D:\dev\electron-react-boilerplate
> cross-env START_HOT=1 NODE_ENV=development electron -r ./internals/scripts/BabelRegister ./app/main.dev.ts

No error message but it starts hanging after this output and the electron window doesn’t pop up. It’s only on Windows 10, Ubuntu and Mac working fine.

Prerequisites

• Using yarn
• Using node 10.x
• Using an up-to-date master branch
• Using latest version of devtools. See wiki for howto update
• Link to stacktrace in a Gist (for bugs)
• For issue in production release, devtools output of DEBUG_PROD=true yarn build && yarn start
• Tried solutions mentioned in #400

Expected Behavior

yarn dev should create an electron window.

Current Behavior

yarn dev starting the Main Process but the electron window doesn’t show up. Task Manager shows 4 running electron processes but no electron window displayed on screen.

yarn start opens the electron window correctly

Possible Solution

No idea.

Steps to Reproduce (for bugs)

$ git clone https://github.com/electron-react-boilerplate/electron-react-boilerplate.git
$ yarn
$ yarn dev

Context

Cannot develop on Windows 10. No changes made in the repo and it’s working fine on Mac and Ubuntu.

Your Environment

• Node version : 10.20.1 and 12.17.0 both same issue
• Version or Branch used : master, v1.0.0 and v1.1.0
• Operating System and version : Windows 10 v2004
• Link to your project :

[NemoDream]

According to your suggestion, I have solved the problem. I turned off the dark mode for Windows 10,and turn on the light mode,the electron window was successfully created. This is probably related to this issue electron/electron#19468

[koszti]

turns out it’s somehow related to electron-devtools-installer and it’s hanging when trying to install REACT_DEVELOPER_TOOLS and REDUX_DEVTOOLS devtool extensions here

If I comment out installExtensions async then it will start working but obviously the React DevTools not get loaded which is not ideal. Some other workarounds reported at https://stackoverflow.com/a/58030907