How to make the dev tools not show up on screen by default in Electron?

Question

I am using electron-react-boilerplate to create an Electron-React app. The dev tools show up on the screen by default. How can I make the dev tools only appear when I ask for them and not show up on launch?

Also, there are no errors shown in the console, so the dev tools are not showing up because there's an error.

Answer 1

Just comment or remove this line of code in main.js file (setting devTools to false) this.mainWindow.openDevTools(); (or) Add the following code to

     mainWindow = new BrowserWindow({       width: 1024,      height: 768,      webPreferences: {       devTools: false       }    }); 

(or) change the package.json build to npm run build && build --win --x64 (or) again install npm