Как добавить «React Performance DevTools» в качестве расширения Chrome в электронном приложении, используя пакет «Electron-Devtool-Installer»

Question

Я пытаюсь добавить расширение «response-performance-devtool» в электронное приложение, используя электронный установщик devtool.

Когда я пытался с одним из упомянутых расширений в документации, он работает нормально, но с любым другим расширением я получаю ошибку.

Я пытаюсь что-то вроде этого:

  const installer = require("electron-devtools-installer");
  const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
  const extensions = [
    "REACT_DEVELOPER_TOOLS",
    "REDUX_DEVTOOLS",
    "REACT_PERFORMANCE_DEVTOOLS"
  ];

  return Promise.all(
    extensions.map(name => installer.default(installer[name], forceDownload))
  ).catch(console.log);
};

Я получил следующую ошибку:

Error: Invalid extensionReference passed in: "undefined"

Answer 1

const REACT_PERFORMANCE_DEVTOOLS = {
  id: "fcombecpigkkfcbfaeikoeegkmkjfbfm",
  electron: "^4.0.5"
};

const installExtensions = async () => {
  const installer = require("electron-devtools-installer");
  const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
  const extensions = [
    "REACT_DEVELOPER_TOOLS",
    "REDUX_DEVTOOLS",
    "REACT_PERF",
    REACT_PERFORMANCE_DEVTOOLS
  ];

  return Promise.all(
    extensions.map(name =>
      installer.default(installer[name] || name, forceDownload)
    )
  ).catch(console.log);
};

REACT_PERFORMANCE_DEVTOOLS, передаваемый как имя, работает для меня.