问题标签 [redux-devtools-extension]

我在 Angular 项目中使用 xstate 进行状态管理。我做了

启动我的机器时，但 redux 开发工具没有从我的项目中获取任何事件。除了添加 redux 扩展外，是否需要任何其他设置。

我的 redux 商店中的问题 操作似乎彼此卡住了。我正在遍历一组 thunk，每个 thunk 都会调用一些动作来显示它们已经开始、成功等。当这种情况发生时，一个动作会在 redux 开发工具中出现一秒钟，然后被删除。

如果我发布另一个动作，那么所有动作都会同时出现，就像集装箱船遵循既定的规定。

链接到问题的 gif

在这个 gif 中，我连接到一个测试数据库，然后调度了一些操作。我可以在控制台中看到这些操作，但不是 devTools。然后，我通过屏幕上的按钮发布另一个动作，所有动作都立即通过。

我正在寻找突变状态的实例，但所有减速器都通过以下方式将状态分解为一个新对象：

有小费吗？

编辑：

• 当我从按钮元素后面调度相同的操作时，它工作得很好。连接到事件发射器的事件侦听器正在调用日志干扰的代码......也许这与它有关？

• 经过调试，我已经将问题追溯到redux replaceReducer方法。我按此顺序调用了 3 次。第一次和第二次调用工作正常，但在第三次 - 商店停止接收操作。

}

^^^ 此代码打印前 2 次调用的操作，但在第三次，它打印前两个操作，但不打印第三次。

我正在使用 Redux DevTools 来跟踪我的应用程序中的状态更改。

我知道一旦我的应用程序被加载，我就可以跟踪我的应用程序状态的变化：

1. 打开State选项卡
2. 展开状态树以查找x我感兴趣的变量
3. 每当我在应用程序中做某事时，我都能立即看到x改变的价值

这一切都很好。但是，如果我重新加载页面，Redux DevTools 会切换回Diff选项卡，所以我必须：

1. 返回State选项卡
2. 再次展开状态树，找到x变量
3. 检查值x

有没有办法让State选项卡保持打开状态并展开树，以便我可以查看页面重新加载之间的状态变化？

我正在尝试连接redux-remotedev到我的mobx-angular项目。我正在关注mobx-remotedev 此处的文档，以及如何在此处使用 Angular 的文档，但我无法安排。

我的应用程序模块：

我的 MobxStore：

我还在 polyfills.ts 中添加了这一行：

没有错误，状态按预期工作，但 remotedev 未连接。

提前感谢你们的帮助！

我正在努力成为 Redux DevTools 的高级用户，但我找不到所有功能的高级指南。GitHub README 只是关于使用和设置它所涉及的代码。

是否有使用实际扩展的所有功能的指南？

我正在尝试使用 axios 和 redux-saga 进行一些 api 调用。这是我以前没有做过的事情，redux devtools 通常可以很好地处理这个问题。由于某种原因，在我正在处理的当前应用程序中，任何触发 saga 的操作，然后进行 api 调用，似乎都会使我的 redux-devtools-extension 崩溃。我知道 redux-devtools-extension 总是有点错误，但我无法解释为什么这些操作可能会导致它崩溃。这是一个典型的传奇：

请注意，如果我注释掉 axios 调用，扩展工作正常，正确注册操作。不是来自 sagas 的其他动作没有问题。从 axios 切换到 fetch 没有帮助。这里没有太多可能导致无限循环或触发 CPU 过载的逻辑——它是一个简单的 api 调用。

以下是我设置商店和 devtools 扩展的方式：

为什么非 saga 操作或 saga 非 api-call 操作可以正常工作，但几乎所有使用 fetch 或 axios 进行的 api 调用都会导致 devtools 冻结和崩溃？

几乎所有的问题都与 redux 中间件有关，但没有一个指向与 redux-toolkit 相关的问题。正如本文档所建议的那样，我创建了一个商店，如下所示

然后我在调试模式下运行应用程序，并在“Redux”开发工具扩展选项卡中看到了这个！

我假设 redux 工具包会按照文档所述对 Redux Dev Tools 进行自动配置。我是否错过了代码或 Redux Dev Tools 配置中的任何其他配置？

非常感谢您的帮助。

我正在创建一个主要在弹出脚本中提供的 chrome 扩展。

清单.json

包.json

网页包

问题

我试过了redux-devtools-extension：

这表明：

我也尝试过使用remote-redux-devtools：

这似乎更有希望，但商店中没有数据：

当我在浏览器中运行时，使用npm start( react-scripts start)，我确实在Redux DevTools扩展程序中看到了商店，所以我不确定问题是什么。

可能的想法

当我使用 React ( ) 构建时react-scripts build，我可以很好地看到商店。问题是我不能使用 react，因为它的构建时间太慢了，使用 webpack 似乎是最合乎逻辑的选择。这是构建输出：

有任何想法吗？

最近我退出了一个托管工作流项目，现在我在裸工作流上，到目前为止一切进展顺利。

我能够添加本机库并且工作正常，例如段的 analytics-react-native，并且我已经为 iOS 和 android 设备创建了一个构建来运行开发客户端（而不是 Expo Go）。但是现在我想添加一个 composerEnhancer 来在 react-native-debugger 应用程序上查看我的商店，并且在设置之后我只是得到“找不到商店。确保按照浏览器选项卡上的说明进行操作。

我在使用 Exgo Go Client 的 Bare 工作流程中尝试了相同的配置，并且运行良好。但是我不能让它在自定义开发客户端上运行，有什么想法吗？

对于从 redux dev tools chrome 扩展获得最新更新后的一些未知问题，我收到以下警告消息：

Redux 和 Redux DevTools 定义的 Symbol.observable 不匹配。如果未加载 DevTools，这可能会导致您的应用程序行为不同。考虑在导入 Redux 之前填充 Symbol.observable 或完全避免填充 Symbol.observable。

通过阅读错误消息，我了解到 redux 和 redux 开发工具应该使用相同的 Symbol.observable 但它们不是。这很奇怪，因为我没有更改代码中的任何内容，并且我正在按照文档使用代码。

我的问题是你是否知道我应该往哪个方向走？这是我们只需要报告的 chrome 扩展错误吗？

我正在使用名为Redux DevTools的最新 chrome 扩展。我注意到，如果我卸载 chrome dev-tool 扩展，此警告消息将不再出现。

我的代码如下所示：