fix devtools permission error

Author: michalzaq12

template/src/main/BrowserWinHandler.js

@@ -22,9 +22,12 @@ export default class BrowserWinHandler {
     // This method will be called when Electron has finished
     // initialization and is ready to create browser windows.
     // Some APIs can only be used after this event occurs.
-    app.on('ready', () => {
-      this._create()
-    })
+    if (app.isReady()) this._create()
+    else {
+      app.once('ready', () => {
+        this._create()
+      })
+    }
 
     // On macOS it's common to re-create a window in the app when the
     // dock icon is clicked and there are no other windows open.
@@ -68,7 +71,6 @@ export default class BrowserWinHandler {
     if (this.browserWindow !== null) return callback(this.browserWindow);
     this._eventEmitter.once('created', () => {
       callback(this.browserWindow)
-      if (isDev && BrowserWindow.getAllWindows().length === 1) this.browserWindow.webContents.openDevTools()
     })
   }
 

template/src/main/boot/index.dev.js

@@ -4,6 +4,11 @@ import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
 import { ELECTRON_RELAUNCH_CODE } from '../../../.electron-nuxt/config'
 process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = 'true'
 
+app.once('browser-window-created', (_, browserWindow) => {
+  browserWindow.webContents.once('did-frame-finish-load', () => {
+    browserWindow.webContents.openDevTools();
+  })
+})
 
 app.on('ready', () => {
   const menu = Menu.getApplicationMenu()