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

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

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

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

Answer 2

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

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

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

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