Vue Electron,devtools引发异常

时间:2019-04-07 17:26:54

标签: vue.js electron google-chrome-devtools

从表面上看,当我运行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

上使用样板

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,不知道为什么,但是我认为这是devtool的问题,因此我删除了index.dev.js并已解决

答案 1 :(得分:0)

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