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

【问题标题】：redux-devtools-extension not working in chrome devtoolsredux-devtools-extension 在 chrome devtools 中不起作用
【发布时间】：2020-03-04 14:38:57
【问题描述】：

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

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

在 chrome devtools 中并非如此。

有谁知道我如何在 chrome devtools 中定义这些？我在 chrome 中安装了 redux 扩展，并尝试重新安装它。

【问题讨论】：

标签： redux google-chrome-devtools redux-devtools redux-devtools-extension

【解决方案1】：

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

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

现在，验证“Redux”出现在 Elements、Console、...、Lighthouse 等旁边的顶部菜单中。

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

【讨论】：

在尝试了很多其他事情之后，这就是最终为我工作的事情。谢谢@Domiserver！

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

正如这里所报告的：Redux TypeError: Cannot read property 'apply' of undefined，你会得到一个“无法读取未定义的属性应用”，因为来自 redux 的 compose 期望它的所有参数都是函数。

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

窗口。REDUX_DEVTOOLS_EXTENSION ?窗口。REDUX_DEVTOOLS_EXTENSION() : f => f

【讨论】：

【解决方案4】：

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

【讨论】：

你的意思是调用函数吗？但是函数本身是未定义的，所以我不能调用它。