Как добавить «React Performance DevTools» в качестве расширения Chrome в электронном приложении с помощью пакета «electron-devtool-installer»

Я пытаюсь добавить расширение «react-performance-devtool» в приложение для электронов, используя программу установки electronic-devtool-installer.

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

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

  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.info);
};

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

Error: Invalid extensionReference passed in: "undefined"

reactjs google-chrome-extension electron react-devtools

21.06.2019 13:15

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

302

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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.info);
};

У меня работает передача REACT_PERFORMANCE_DEVTOOLS в качестве имени.

21.06.2019 14:21

Другие вопросы по теме

Как отправить сообщение из Popup.js в Content Script в расширении Chrome на активной вкладке?

Как заставить windows.getSelection возвращать выделенный текст

Сохранение и загрузка данных из локального хранилища Chrome

Как отправить запрос GET на «Мой сервер XAMPP» с помощью AJAX в расширении Chrome

Проблемы с расширением AA для Chrome

Отключить eslint в приложении creare-react-app — конкретный файл

Аудио в расширении для хрома; иногда работает, иногда приводит к пустому исключению DOMException

Заполнение учетных данных в iFrame из разных источников

Внедрять JS только на определенную вкладку в расширении Chrome

Правильный синтаксис для передачи переменной внутри setBadgeText

Как добавить «React Performance DevTools» в качестве расширения Chrome в электронном приложении с помощью пакета «electron-devtool-installer»

Ответы 1

Другие вопросы по теме

Похожие вопросы