electron: Electron 9.x + Redux DevTools: Store not found

Preflight Checklist

I have read the Contributing Guidelines for this project.
I agree to follow the Code of Conduct that this project adheres to.
I have searched the issue tracker for an issue that matches the one I want to file, without success.

Issue Details

Electron Version: 9.1.0
Operating System: Win10 x64
Last Known Working Electron version: 8.4.0

Expected Behavior

Redux DevTools should find the store, which exists.

Actual Behavior

Redux tab is added to Chome devtools, but clicking on the tab displays the message No store found. Make sure to follow the instructions.. Running the exact same minimal app in Electron 8.4.0 does show the store.

This has been mentioned at electron-devtools-installer here and now is indicated as an Electron issue.

To Reproduce

electron package.json

{
    "name": "electron_3",
    "version": "1.0.0",
    "description": "",
    "main": "main.js",
    "scripts": {
        "start": "electron .",
        "install": "electron-rebuild",
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "electron": "^9.1.0",
        "electron-devtools-installer": "^3.0.0"
    }
}

Ng package.json

{
    "name": "test",
    "version": "0.0.0",
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
        "@angular/animations": "~9.1.11",
        "@angular/common": "~9.1.11",
        "@angular/compiler": "~9.1.11",
        "@angular/core": "~9.1.11",
        "@angular/forms": "~9.1.11",
        "@angular/platform-browser": "~9.1.11",
        "@angular/platform-browser-dynamic": "~9.1.11",
        "@angular/router": "~9.1.11",
        "rxjs": "~6.5.4",
        "tslib": "^1.10.0",
        "zone.js": "~0.10.2",
        "ngx-electron": "^2.2.0",
        "@ngrx/effects": "^9.2.0",
        "@ngrx/store": "^9.2.0"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "~0.901.8",
        "@angular/cli": "~9.1.8",
        "@angular/compiler-cli": "~9.1.11",
        "@types/node": "^12.11.1",
        "@types/jasmine": "~3.5.0",
        "@types/jasminewd2": "~2.0.3",
        "codelyzer": "^5.1.2",
        "jasmine-core": "~3.5.0",
        "jasmine-spec-reporter": "~4.2.1",
        "karma": "~5.0.0",
        "karma-chrome-launcher": "~3.1.0",
        "karma-coverage-istanbul-reporter": "~2.1.0",
        "karma-jasmine": "~3.0.1",
        "karma-jasmine-html-reporter": "^1.4.2",
        "protractor": "~7.0.0",
        "ts-node": "~8.3.0",
        "tslint": "~6.1.0",
        "typescript": "~3.8.3",
        "@ngrx/schematics": "^9.2.0",
        "@ngrx/store-devtools": "^9.2.0"
    }
}

Create a minimal store in Ng project. Then open Electron app. In Electron 8.4.0 you’ll see the Store interface in the Redux tab in DevTools, in Electron 9.x you’ll see the above message. see pics below.

Screenshots

Electron 8.4.0 redux_8 4 0

Electron 9.1.0 redux_9 1 0

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 5
Comments: 31 (2 by maintainers)

Most upvoted comments

I also just tested this with latest Electron 11.0.2 - exact same behavior, Redux tab shows that it cannot find the store.

Using the exact same Ng build on Electron 8.5.5 does work.

All on Win 10 here.

PLEASE HELP !!!

+12

petef19 on Nov 21, 2020

doesn’t work, just tested Electron 10.1.6 w/ Ng 11.0.2 on Win 10 - same behavior as on Electron 9.x, there is a REDUX tab but clicking on it shows No store found. Make sure to follow the instructions.

+10

petef19 on Nov 20, 2020

+1, macOS

jleei on Dec 26, 2020

having the same problem on MacOS

gnujeremie on Jul 24, 2020

+1 - confirm that on Electron 8.5.5 does work, but +9.X.X bug exist.

daszkowski on Dec 28, 2020

Any progress?

Hybueno09 on Jan 21, 2021

@petef19 how did u do that?Is there any demo?

loaded it when app is ready…

app.on('ready', async() =>
{
       const ext_fp = '<path to Chrome extension>';
        await session.defaultSession.loadExtension(ext_fp, {allowFileAccess: true});
});

Electron 12.0.2 Redux DevTools 2.17.0 installed in local Chrome Win 10 x64

petef19 on Apr 11, 2021

Also having issues with this on version 9.1.1 (and 10.1.0). Had to downgrade to 8.5.0 to have thing working again

lpillonel on Aug 28, 2020

Electron@11.2.3 also show: No store found. Make sure to follow the instructions.

leohxj on Feb 19, 2021

jhlee8804 on Dec 23, 2020

Hi,any progress?

Hybueno09 on Mar 17, 2021

Any progress?

calumpwebb on Jan 31, 2021

only other thing I can think of is this is my app.on ready:

app.on("ready", () =>
{
	setTimeout(createWindow, 400);
	installExtension(REDUX_DEVTOOLS)
		// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
		.then((name) => console.log(`Added Extension:  ${name}`))
		.catch((err) => console.log("An error occurred: ", err));
});

j-loriault on Nov 20, 2020

Any progress? I have the same

mgwo on Oct 28, 2020

Any progress in this?

amalcaraz on Aug 11, 2020

we’re on Win10 x64 - not Linux

petef19 on Jul 19, 2020