Как добавить инструменты разработчика React в сборку Electron Webpack

Подобно этому, хотя он только показывает, как загрузить инструменты разработчика в один экземпляр. Я хочу загружать это каждый раз, когда запускаю приложение в development. Я использую вебпак.

Я получаю сообщение об ошибке, что manifest.json не открыт.

с

const addDevTools = () => {
  if (mainWindow) {
    // Open the DevTools.
    mainWindow.webContents.openDevTools();
    require("devtron").install();
    require("electron-debug")();

    const installer = require("electron-devtools-installer");

    const extensions = [
      "REACT_DEVELOPER_TOOLS",
      "REDUX_DEVTOOLS",
    ];

    for (const name of extensions) {
      installer.default(installer[name], true)
      .then((n: any) => console.log(`Added Extension:  ${n}`))
      .catch((err: any) => console.log(`An error occurred: ${err}`));
    }
  }
};

webpack electron react-devtools
person mjwrazor    schedule 12.07.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

В итоге я нашел ответ в репозитории электронно-реактивного материала-ui на github. в файле /app/main.development.js.

const installExtensions = async () => {
const installer: any = require("electron-devtools-installer");
const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
const extensions = [
    "REACT_DEVELOPER_TOOLS",
    "REDUX_DEVTOOLS",
  ];
  return Promise.all(extensions.map((name) => 
  installer.default(installer[name], forceDownload)))
    .catch(console.log);
};

тогда приложение готово

app.on("ready", async () => {
  if (process.env.NODE_ENV === "development") {
    await installExtensions();
  }
  createWindow();
});
person mjwrazor    schedule 12.07.2017