ngrx - 如何调试或检查 ngrx 存储、操作和效果？

Question

我的应用程序在调度某个 Action 时没有调度某些 Action 或某些效果没有被调用，这有问题(请参阅 ngrx effect not being called when action is dispatched from component )。

我想知道如何调试 ngrx 商店、 Action 和效果。

由于我的环境中没有 ngrx 的 typescript 源(似乎只有打字可用)，还有其他方法可以了解商店中发生的事情和效果吗？

附言似乎开发商店工具只允许查看由 reducer 引起的变化。

Answer 1

正如您所发现的，redux devtools 扩展也是一种在 ngrx 中监控 store 事件的便捷方式。但是，它会记录所有已调度的操作，包括由 ngrx 效果发出的操作，无论 reducer 是否对它们进行操作以更新存储。如果您没有看到从效果中分派(dispatch)的 Action ，那么其他问题就是阻止它们分派(dispatch)的问题。

一般来说，临时调试可观察链(包括ngrx 效果和存储订阅)的简单方法是通过.do()。似乎不起作用的代码之前和/或之后的运算符。它不会干扰它周围的代码流，它允许您进行跟踪日志记录或添加断点以进行检查。

有人包.do()登录自定义运算符，甚至尝试自动化 .do()在运算符之间插入以进行跟踪，以避免手动将它们写在所有地方。我喜欢保持简单，并且在调试特定 block 时临时手动插入它们并不是那么糟糕恕我直言。