No store found. Make sure to follow the instructions. (Firefox, first launch devtools)

[mpstv]

Hi everyone.

I have a problem using the devtools extension in Firefox. I have found several issue with this error in the repository, but I'm not sure if it is the same. If you consider this issue a duplicate - feel free to close it, but I still hope that the example and description I gave will help you figure out what the matter is.

For reproducing this problem i created repository (using angular + ngxs store). The problem is that when open site in Firefox then press Ctrl+Shift+i and open Redux tab - it shows "No store found. Make sure to follow the instructions".

If not close devtools window and refresh page - all works fine. If open devtools via button on the end address bar - all works file.

I using this software: OS: Windows 10 Browser: Firefox version 84.0.1 (64-bit), Redux DevTools Extension version 2.17.1.

[the5rb]

has anyone found if this is a bug, I have the same issue using react, also i have tested this on firefox and chrome on Ubuntu 20.04

[petterhoel]

I am having the same bug with Firefox on macOs. Happens with state management solutions Akita and Elf.

The address bar dropdown version blocks a lot of the UI so I prefer using the dev tools one.

In Edge everything works as expected.

Edit: I am assuming this error (on the left) is related as it does not happen when the extension is disabled (on the right)

[reduckted]

@petterhoel Thank you for pointing out the console errors. I hadn't realized that they might be coming from the Redux DevTools extension. I've added 'unsafe-inline' to the script-src directive in my CSP and the extension now works in Firefox. 🎉

The full CSP for script-src directive that I'm using with NgRx (when serving via the Angular CLI) is:

"script-src 'self' 'unsafe-eval' 'unsafe-inline'"

It would be nice to avoid having to use 'unsafe-inline', but at least I only need it at development time, so it's not too bad.