Fix error, see SimulatedGREG/electron-vue#389

src/main/index.dev.js

@@ -7,18 +7,19 @@
 
 /* eslint-disable */
 
+const { app } = require('electron')
+const { default: installExtension, VUEJS_DEVTOOLS } = require('electron-devtools-installer')
+
 // Install `electron-debug` with `devtron`
-require('electron-debug')({ showDevTools: true })
+// NB: Don't open dev tools with this, it is causing the error
+require('electron-debug')()
 
 // Install `vue-devtools`
-require('electron').app.on('ready', () => {
-  let installExtension = require('electron-devtools-installer')
-  installExtension.default(installExtension.VUEJS_DEVTOOLS)
-    .then(() => {})
-    .catch(err => {
-      console.log('Unable to install `vue-devtools`: \n', err)
-    })
+app.on('ready', () => {
+  installExtension(VUEJS_DEVTOOLS)
+  .then((name) => console.log(`Added Extension:  ${name}`))
+  .catch((err) => console.log('An error occurred: ', err));
 })
 
 // Require `main` process to boot app
-require('./index')
+require('./index')

src/main/index.js

@@ -27,6 +27,16 @@ function createWindow () {
 
   mainWindow.loadURL(winURL)
 
+  // Open dev tools initially when in development mode
+  if (process.env.NODE_ENV === 'development') {
+    mainWindow.webContents.on('did-frame-finish-load', () => {
+      mainWindow.webContents.once('devtools-opened', () => {
+        mainWindow.focus()
+      })
+      mainWindow.webContents.openDevTools()
+    })
+  }
+
   mainWindow.on('closed', () => {
     mainWindow = null
   })