Vue Electron, вызывающий исключение devtools

#vue.js #electron #google-chrome-devtools

#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

Ответ №1:

В соответствии с этой проблемой, в index.dev.js

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

Комментарии:

1. Это также устранило аналогичную проблему в приложениях, отличных от Vue Electron. Когда произошла моя ошибка, большая часть приложения React все еще загружается.

Ответ №2:

У меня такая же проблема, и я не знаю почему, но я думаю, что это проблема devtool, поэтому я удаляю index.dev.js и это просто решается

Ответ №3:

Возможно, вы создали несколько живых выражений в консоли Chrome, нажав значок глаза, и оставили их пустыми. Живые выражения используются для отслеживания значения переменной в целях отладки.

введите описание изображения здесь

Обычно это происходит, когда вы пытаетесь очистить вывод консоли.