vue.js - Vue Electron，devtools引发异常

Question

从字面上看，当我运行npm run dev时，我已经开始收到以下控制台消息

[8492:0407/121603.977907:ERROR:CONSOLE(7830)] "Extension server error: Object not found: <top>", source: chrome-devtools://devtools/bundled/shell.js (7830)

而且我的Electron Vue应用程序没有完成加载，我只得到了一个白屏。我已经阅读了几个小时的主题，但找不到解决该问题的方法。

我在Ubuntu 16上运行；老实说，我不知道还有什么其他细节有用。一切都表现得很完美，然后根本就没有...

我在以下位置使用样板: https://github.com/SimulatedGREG/electron-vue

Answer 1

在index.dev.js中加到this issue

- require('electron-debug')({ showDevTools: true });
+ // Don't open dev tools with this, it is causing the error
+ require('electron-debug')();

在index.js中

+  // 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();
+    });
+  }