问题标签 [redux-devtools]

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

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

让 Redux devtools 工作时遇到一些麻烦。当我在 devtools 中打开 redux 选项卡时，它显示“未找到商店。确保按照说明进行操作”。我尝试按照 1.1 Basic store 下的说明进行操作，但没有成功。然后我尝试了 1.3 使用来自 npm 的 redux-devtools-extension 包，但也没有用。这是我的 index.js

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

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

链接到问题的 gif

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

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

有小费吗？

编辑：

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

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

}

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

我正在使用现有代码库，现有代码从端点调用日期。预期值是一个 ISO 字符串（即"2020-01-09T07:41:02.6025984-05:00"）：

如您所见，代码获取 ISO 字符串，new Date从中创建 a，然后将其发送到 action 和 reducer，后者将其作为new Date.

当我打开我的 redux devtools 时，我再次看到一个 ISO 时间字符串：

然而，上面的 console.log 语句打印了我们在运行new Date:时通常看到的内容Mon Apr 05 2021 11:56:25 GMT-0700 (Pacific Daylight Time)。当我进入控制台并检查store.getState().somewhere.timeFromServer.

redux devtools 是否有一些默认行为将Date对象显示为其 ISO 字符串？

请注意，我根本不喜欢这种编程模式——我宁愿存储从服务器返回的原始 ISO 字符串，并在我的前端代码中进行任何日期操作。这让我整个早上都陷入了循环，因为来自服务器的 ISO 字符串 f= 和 devtools 中显示的字符串不一样！从 ISO 字符串转换为 anew Date并再次转换将去除 UTC 时间偏移量，我不想丢失它。

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

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

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

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

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

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

什么项目工作正常，但是在“npm production”之后 devtools show message No store found？在“npm development”项目和 Devtools 中运行良好。我的商店.js

我希望能够编写网页或脚本来实例化 devtools 并将页面加载到移动响应视图中。这样，当我对客户端进行 web 应用程序的远程演示时，他们可以在移动视图中打开它，或者我可以让页面始终在移动视图中加载，无论它在谁的浏览器中？

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

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

更新后我收到一个getDefaultMiddleware不推荐使用的警告"@reduxjs/toolkit": "^1.6.1"那么我应该如何删除这个警告。我们还有其他方法可以在configureStore函数中注入默认中间件吗？

任何帮助表示感谢！

我正在尝试使用 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 冻结和崩溃？