redux-devtools-extension在chrome devtools中不起作用

Question

我正在使用redux-devtools-extension开发一个React Native应用程序：

在React Native调试器中它可以工作，并且您可以看到window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__和window.__REDUX_DEVTOOLS_EXTENSION__的定义正确。

在chrome devtools中不是。

有人知道我如何在chrome devtools中定义它们吗？我在chrome中安装了redux扩展程序，并尝试重新安装它。

Answer 1

您在最后一行缺少COMPOSE__()，请使用这种方式代替您的代码：

    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__()

或这种方式：

    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

关注此链接https://github.com/zalmoxisus/redux-devtools-extension#installation

Answer 2

如此处Redux TypeError: Cannot read property 'apply' of undefined所述，您将获得“无法读取未定义的属性的应用”，因为redux的compes期望其所有参数都是函数。

该帖子的一个答案为我解决了这个问题：传递真实和虚假评估函数

窗口。 REDUX_DEVTOOLS_EXTENSION ？窗口。 REDUX_DEVTOOLS_EXTENSION （） ：f => f

Answer 3

我遇到了同样的问题，即 REDUX 选项没有出现在 Chrome 浏览器的顶部菜单中。

1. 在“管理扩展”中，我确保 Redux DevTools 处于活动状态并已更新。
2. 我重新加载了页面。
3. 右键单击 >> Redux DevTools >> 在面板中打开（在浏览器设置中启用）
4. 右键单击>>检查

现在，验证“Redux”出现在元素、控制台、...、灯塔等旁边的顶部菜单中。

Redux DevTools 扩展应该在 chrome-devtools 中工作。

Answer 4

我遇到了类似的问题，以下内容对我有用。

在Chrome扩展程序中转到redux Devtools的扩展程序设置，然后选中“允许访问文件URL”设置。

扩展> Redux Devtools>允许访问文件URL