Electron: TypeError : BrowserWindow.addDevToolsExtension은 함수가 아닙니다.

시간을내어이 문제를보고하고 Electron을 개선하는 데 도움을 주셔서 감사합니다.

테스터가 문제를 재현하기 위해 실행할 수있는 독립형 테스트를 제공하세요. 이를 통해 문제 해결이 더욱 원활하게 진행됩니다. 올바른 항목을 테스트 할 수있을뿐만 아니라 테스터가 새로운 각 문제에 대해 새 테스트를 작성하도록하는 병목 현상을 방지합니다.

위의 이유로 더 많은 정보가 필요한 레이블을 설정하고 있습니다. 응답 한 후 후속 댓글에 @ me를 남겨주세요.

미리 감사드립니다! 귀하의 도움에 감사드립니다.

안녕하세요.
main.js에 스 니펫이 필요한지 모르겠지만 여기에 있습니다.

const { app, BrowserWindow, ipcMain } = require('electron');
const path = require('path');
const url = require('url');
const scraper = require('./scraper.js');
const helpers = require('./electron/helpers.js');
const windowStateKeeper = require('electron-window-state');
const { autoUpdater } = require("electron-updater");

require('v8-compile-cache');
// for nodemon
process.env.IS_DEV ? require('electron-reload') : null;
// disable security warning
process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';

// Application already running, so we close now
if (!app.requestSingleInstanceLock()) {
  app.quit()
}

app.removeAllListeners('ready');

let mainWindow
function createWindow() {
  // check for uppdate
  autoUpdater.checkForUpdatesAndNotify();

  // Load the previous state with fallback to defaults
  let mainWindowState = windowStateKeeper({
    defaultWidth: 1100,
    defaultHeight: 600
  });
  mainWindow = new BrowserWindow({
    'x': mainWindowState.x,
    'y': mainWindowState.y,
    'width': mainWindowState.width,
    'height': mainWindowState.height,
    minWidth: 1100,
    minHeight: 500,
    backgroundColor: '#121212',
    frame: false,
    icon: __dirname + '../build/icon.png',
    webPreferences: {
      webSecurity: false,
      nodeIntegration: true,
      webviewTag: true
    },
  });
  // Let us register listeners on the window, so we can update the state
  // automatically (the listeners will be removed when the window is closed)
  // and restore the maximized or full screen state
  mainWindowState.manage(mainWindow);

  // http://localhost:3000
  const startUrl = process.env.ELECTRON_START_URL || url.format({
    pathname: path.join(__dirname, '../build/index.html'),
    protocol: 'file:',
    slashes: true,
  });

  mainWindow.loadURL(startUrl);
  // in dev mode
  if (process.env.ELECTRON_START_URL) {
    // open devTools
    mainWindow.webContents.openDevTools({ mode: 'undocked' });
  }
  // in build mode
  if (process.env.IS_DEV) {
    // close menubar
    mainWindow.setMenuBarVisibility(false);
  }

  //clear session + cookies on start to avoid blocking requests
  mainWindow.on('closed', () => {
    mainWindow = null
  });

  mainWindow.webContents.on('new-window', function (e, url) {
    e.preventDefault();
  })

  // Add React Devtool
  if (app.isReady() && process.env.ELECTRON_START_URL) {
    console.log('___INSTALL React Devtool_____')
    BrowserWindow.addDevToolsExtension("./extensions/react")
      .then(name => console.log('INSTALLING', name))
      .catch(err => console.log('Install React-Devtool err', err));
  }
}
app.setAppUserModelId('com.MyMovies.app');
app.on('ready', createWindow);
app.on('window-all-closed', () => {
  app.quit();
})

Devtron, React 및 Redux 확장은 모두 브라우저 창에 설치되지 않습니다. 누군가가 해결 방법을 알고 있다면 듣고 싶습니다.

[electron] Added Extension: React Developer Tools
[electron] Added Extension: Redux DevTools
[electron] [41948:0228/141801.424392:ERROR:CONSOLE(1)] "Uncaught TypeError: Cannot read[electron] [41948:0228/141801.424392:ERROR:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'panels' of undefined", source: chrome-extension://redux-devtools/js/devtools.bundle.js (1)
[electron] [41948:0228/141801.512131:ERROR:CONSOLE(40)] "Uncaught TypeError: Cannot read property 'inspectedWindow' of undefined", source: chrome-extension://react-developer-tools/build/main.js (40)
[electron] Unable to create basic Accelerated OpenGL renderer.
[electron] Unable to create basic Accelerated OpenGL renderer.
[electron] Core Image is now using the software OpenGL renderer. This will be slow.

우리는 패키지를 통해 우리의 애플 리케이션에 반응하고 REDUX 확장을 설치 할 수 있습니다 @ stevenroussey을-privicy 전자 DevTools로-설치 @MarshallOfSound (🙏 그 덕분에)하지만 DevTools로 만든은 오류의 같은 종류로, 때로는 표시되지 않습니다 .. .

[35280:0324/122320.140:ERROR:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'panels' of undefined", source: chrome-extension://redux-devtools/js/devtools.bundle.js (1)
[35280:0324/122320.233:ERROR:CONSOLE(40)] "Uncaught TypeError: Cannot read property 'inspectedWindow' of undefined", source: chrome-extension://react-developer-tools/build/main.js (40)

Extension이 BrowserWindow에로드 된 후 확장 탭이 생성 된 것처럼 느껴집니다. 내가 백엔드에서 잡는 유일한 오류는 크롬 저장소와 관련이 있지만 문제의 원인은 아닐 수 있습니다.

Exception has occurred: Error
Error: ENOENT: no such file or directory, open "\AppData\Roaming\AppName\Chrome Storage\redux-devtools-sync.json"

did-frame-finish-load 이벤트에서 devtools를 엽니 다.

win.webContents.on('did-frame-finish-load', () => {
  win.webContents.openDevTools();
});

우리는 동일한 설치 방법을 사용합니다. 잘 설치되지만 실행되지 않습니다. 같은 오류. devtools를 수동으로 열어도 타이밍 문제가 아닙니다.

스플래시 화면 창을 사용합니다. 내가 알 수 있듯이 첫 번째 창에서는 잘 작동하지만 다른 창에서는 실패합니다. 다른 사람이 확인할 수 있습니까?

https://github.com/electron/electron/issues/23383 과 관련이있을 수 있습니다.