问题标签 [redux-devtools]

在开发过程中，我发现 intialState 中的字段在我声明它们时会从 redux devtools 中删除undefined。但是，当我将它们声明为 时null，它们会再次出现在 devtool 中。为什么会这样？

我的初始状态 ( pending: undefined)

pending从 redux devtool 中消失：

相同的初始状态 ( pending: null)

pending出现在 redux devtool 中：

2个问题：

1. 我应该坚持什么模式？（即声明字段为null或undefined）？
2. 在选择商店的部分方面是否有任何性能提升？

我在 MERN 堆栈中使用 MongoDB、Express、React、Nodejs 构建了 WebApp。

我将它作为https://connectgeeks.herokuapp.com托管到 Heroku-Cloud 。

项目的Github-repo - Find_Geeks。它适用于我的桌面浏览器，但不能在任何 Android chrome 上运行。

我在 Heroku 云中有一个自动构建应用程序，其中 package.json 中的命令为

"scripts:{ "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend" } 当它在 android 上加载时，它的搜索栏背景变为黑色，我假设页面已加载，但无法显示组件。

Desktop-chrome的屏幕截图，处于工作状态。

Desktop-chrome 的屏幕截图，在隐身模式下，工作状态。

chrome中Mobile-mode的截图，工作状态。

我的package.json内容是

编辑1：

我尝试通过 localhost-server 在移动屏幕上调试 url http://192.168.43.171:3000/，

然后它显示错误位置为，

从 store.js 中删除了 DevTools，现在它可以通过 localhost-server 在移动浏览器上运行。

也许这是由于 Heroku-build 脚本或任何其他原因。

它在删除 redux-dev-tools 后就可以在移动屏幕上运行，就像在本地一样。

但它不适用于https://connectgeeks.herokuapp.com的 URL

国家

追踪结果

每次单击按钮时，都会dispatch运行两次，如上图所示。

这是AppBar组件和mapDispatchToProps功能。

这是减速机

这是store.js

所有库都很好导入。我试过 remove redux-thunk，结果还是一样。

提前致谢。

参考

• React-Redux Counter 示例动作触发两次 我在 stackoverflow 上查看了这个问题，并尝试了答案，但没有一个能解决它。

我正在尝试使用旧版本的 Angular (4.1.x) 和 @ngrx/store (5.2.0) 来检测 StoreDevTools。

安装的 zone.js 版本是 0.8.29

如果我按照推荐的方式（即在 StoreModule 和 EffectsModule 之后）（app.module.ts）：

然后 StoreDevTools 崩溃

提到的 js 行说：

当我反过来做时，StoreDevTols 不会崩溃，但检查员看不到那里的商店。

这两个模块都接收到空数据，因为我只是将存储放置到位，并且我从一个功能模块开始。

没有数据存储在根级别，就像app或auth现在一样。

错误是由依赖项（例如 zone.js）还是由我如何设置商店引起的？

Redux 开发工具 2.17.0

我在调用操作后遇到了这个问题，我的数据被删除了，有人知道这是什么意思吗？

我已将我的 ngrx 代码更新到版本 8（使用 Action Creator 等），但我现在不知道如何在 NgRx Store DevTools 中使用 Dispatcher。

在我能够发送这样的操作之前：

我们正在设置信息亭类型的工作站，铬浏览器在隐身模式下运行。出于开发目的，需要有 redux-devtools 扩展。

我们使用脚本管理安装它。基本上上传 bundles 和 manifest.json 到

/usr/share/chromium-browser/extensions

在非隐身模式下它可以工作。并且有一种方法可以使用 UI（扩展程序的设置）在隐身移动中启用它。

但问题是我们无法访问这种交互，我们必须以某种方式以编程方式进行。看起来它不是一些浏览器设置，而是扩展程序的设置。有没有办法使用 bash 或 smth 来做到这一点。相似的？

我们正在使用react-connected-router，并且在我们的反应页面组件中，我们从服务器获取状态，并调度操作以更新 Redux 状态（我们只是使用钩子，没有 thunk 或 saga 中间件）。

但是，当我们使用redux devtools进行时间旅行调试时，当我们回退到相应的状态时，组件会再次派发动作......

我不想在进行时间旅行调试时分派新动作。

老实说，除了在我的组件中渲染之外，我从不想做任何事情，我通常在事件处理程序（如 click）中进行异步获取，但这种方法不适用于 React Router。理想情况下，当用户更改浏览器历史记录时，应该触发一些事件，并且应该通过处理该事件来完成异步获取，而不是在呈现页面组件时，但我找不到有关如何执行此操作的文档。

我的一般问题是，如何编写与 devtools 时间旅行调试器完美配合的代码，以便在重放状态时不会调度新操作？

据我了解，像 Redux thunk 或 saga 这样的中间件也不能解决这个问题，除非 devtools 在进行时间旅行调试时会完全忽略调度的 Redux thunk。也许已经是这样了，我应该只使用这些中间件

我在 react/redux 上工作了几个月，我创建了这个通用方法，它是一个类似于 setState 但用于 redux 状态的方法。它运行良好，但是当我尝试使用 redux 开发工具时，它崩溃了。

有什么明显的原因吗？我没有任何错误信息，只是：redux devtool has crashed

有没有使用 Redux DevTools 进行集成/端到端测试的好资源？

我看到他们的 Slider 可以重播事件，而 Dispatcher 几乎可以执行任何操作。它能否以某种方式循环配置文件以重播站点上的常见用户流，并记录沿途的状态变化？