redux- devtools -扩展在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

我也遇到过类似的问题，下面的例子对我很有效。

转到chrome扩展中redux Devtools的扩展设置，并选中允许访问文件URL设置。

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

Answer 2

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

1. 在"Manage Extensions“中，我确保Redux DevTools处于活动状态并已更新。
2. 我重新加载了页面。
3. 右键单击面板中的>> Redux DevTools >>打开(在浏览器settings)
4. Right中启用单击>> Inspect

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

Redux DevTools扩展应该可以在chrome-devtools中运行。

Answer 3

最后一行缺少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