Electron: TypeError: BrowserWindow.addDevToolsExtension एक फ़ंक्शन नहीं है

इस मुद्दे की रिपोर्ट करने के लिए समय निकालने और इलेक्ट्रॉन को बेहतर बनाने में मदद करने के लिए धन्यवाद।

कृपया एक स्टैंडअलोन परीक्षण प्रदान करें जो एक परीक्षक समस्या को पुन: उत्पन्न करने के लिए चला सकता है। इससे फिक्सिंग के मुद्दे अधिक आसानी से चलते हैं: न केवल यह सुनिश्चित करता है कि सही चीज का परीक्षण किया जाता है, बल्कि यह प्रत्येक नए मुद्दे के लिए परीक्षकों को नए परीक्षण लिखने पर टोंटी लगाने से भी रोकता है।

मैं उपरोक्त कारणों के लिए अधिक-सूचना-आवश्यक लेबल सेट कर रहा हूं। आपके द्वारा उत्तर दिए जाने के बाद, कृपया मुझे एक फॉलोअप टिप्पणी में बताएं।

अग्रिम में धन्यवाद! आपकी मदद की सराहना की है।

@MarshallOfSound
मुझे नहीं पता कि आपको स्निपेट की आवश्यकता 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.

@ stevenroussey-privicy हम पैकेज के माध्यम से हमारे क्षुधा में प्रतिक्रिया और redux एक्सटेंशन स्थापित करने में सक्षम हैं इलेक्ट्रॉन 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)

ऐसा लगता है कि 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 से संबंधित हो सकता है