Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[electron] React and Redux extensions for Electron DevTools not working #524

Open
alexruzenhack opened this issue Feb 6, 2024 · 0 comments
Assignees

Comments

@alexruzenhack
Copy link
Collaborator

The DevTools extension options are already provided without any dependency addition. However, they don't work out of the box, and requires workaround solutions. The snippet bellow adds the extensions and document the issues in the debugMode branch of electron.js initialization module:

    // Add extensions provided by electron-devtools-installer
    installExtension([
      /* NOTE: 
       * The provider electron-devtools-installer downloads the latest
       * extension version. By now it is v5.0.0, which implements
       * Chromium manifest V3. The MV3 implementation broke compatibility
       * with electron since v4.7.0.
       * ISSUES:
       * - react-devtools: https://github.com/facebook/react/issues/25843
       * - electron-devtools-installar: https://github.com/MarshallOfSound/electron-devtools-installer/issues/232
       * NOTE:
       * The MV3 compatibility was resolved in electron in versions v26.6.0,
       * v27.1.0 and v28.0.0-beta.5.
       * - https://github.com/electron/electron/pull/40500
       * However, a bug in react-devtools break the correct loading of the extension:
       * - react-devtools: https://github.com/facebook/react/issues/27749
       * Uses the workaround solution given in the following issue:
       * - electron: https://github.com/electron/electron/issues/36545
       *
       * Uncomment the line bellow to enable React DevTools extension.
       */
      // REACT_DEVELOPER_TOOLS,
       /* NOTE:
       * By now the following extension still uses the Chromium Manifest V2,
       * which is under sunsetting process and it may not be compatible to the current
       * Chromium version.
       * ISSUE:
       * - redux-devtools: https://github.com/reduxjs/redux-devtools/issues/1037
       *
       * Uncomment the line bellow to enable Redux DevTools extension.
       */
      // REDUX_DEVTOOLS,
    ])
      .then((name) => console.debug(`Added Extension:  ${name}`))
      .catch((err) => console.error('An error occurred during extension installation.', err));
@alexruzenhack alexruzenhack self-assigned this Feb 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Todo
Development

No branches or pull requests

1 participant