问题标签 [redux-devtools]

我想将跟踪功能添加到我在 Redux 中的开发工具中：

但是我这样做时：

我收到以下错误...

提前致谢！

更新

跟随redux-toolkit的一个线程，我想我已经完成了一半，但现在我得到以下内容，考虑到我的设置，这似乎很奇怪：

这是我更新的商店：

我正在尝试按照此链接使用 Ngrx DevTools。但是 Ionic 使用 @ionic/angular-toolkit，我们需要启用 Ngrx Schematics 来替代它。有没有办法两者兼得？

@ionic/angular-toolkit：@ionic/angular 应用程序的 Angular Schematics 和 Builders

我正在将我的项目转换为 Typescript。

这在 JS 中一直对我有用。

但是在 Typescript 中，我遇到了这些错误：

我怎样才能解决这个问题？

看起来 Electron 10 不适用于 React 和 Redux DevTools Chrome 扩展。加载 Redux 扩展时，出现以下错误。

加载 React 开发者工具时也会出现同样的错误。

我怀疑问题出在 Electron 本身，因为虽然 Redux 选项卡在 UI 中可见，但 window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ 没有定义。Redux 选项卡本身抱怨没有找到商店。确保按照说明进行操作。

通过克隆https://github.com/electron-react-boilerplate/electron-react-boilerplate并将 Electron 版本更改为 10很容易重现该问题。

那么，是否有人成功地在 Electron 10 上加载了 React 或 Redux 扩展？

如果我禁用了 redux devtools，则应用页面无法正确呈现，直到我单击页面内的任意位置。它不会在我的控制台上显示任何错误。

我的商店模块是

我在我的 Redux 存储中保留了一些对象，并且一些属性的类型为：Firestore.Timestamp.

例子：

我收到了这些警告：

在状态中检测到不可序列化的值，在路径中：BLOGPOST.blogPost.createdAt。值：t {秒：1583488258，纳秒：805000000}

查看处理此操作类型的化简器：BLOGPOST/LOAD_BLOGPOST_SUCCESS。（参见https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state）

来自：https ://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state

强烈建议您只将普通的可序列化对象、数组和原语放入您的存储中。在技​​术上可以将不可序列化的项目插入到 store 中，但这样做会破坏持久化和重新水化 store 内容的能力，并干扰时间旅行调试。

如果您对持久性和时间旅行调试等可能无法按预期工作的事情感到满意，那么完全欢迎您将不可序列化的项目放入您的 Redux 存储中。最终，它是您的应用程序，您如何实现它取决于您。与有关 Redux 的许多其他事情一样，请确保您了解所涉及的权衡。

我绝对希望坚持和时间旅行保持良好的工作状态。firestore.Timestamp在将其发送到 Redux 之前，我是否应该费心将其转换为 JS Dates ？或者我可以放心地忽略这一点吗？

每当我在 Redux 存储中存储不可序列化的值时，都会收到以下警告：

在以下示例中，我将 a 存储Firestore.Timestamp在 Redux 状态。它也发生在Date对象上。

在状态中检测到一个不可序列化的值，在路径中：blogPost.createdAt。值：t {秒：1583488258，纳秒：805000000}

查看处理此操作类型的 reducer：LOAD_BLOGPOST_SUCCESS。（参见https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state）

这就是文档所说的：

https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state

我可以将函数、承诺或其他不可序列化的项目放入我的 store 状态吗？

强烈建议您只将普通的可序列化对象、数组和原语放入您的存储中。在技​​术上可以将不可序列化的项目插入到 store 中，但这样做会破坏持久化和重新水化 store 内容的能力，并干扰时间旅行调试。

如果您对持久性和时间旅行调试等可能无法按预期工作的事情感到满意，那么完全欢迎您将不可序列化的项目放入您的 Redux 存储中。最终，它是您的应用程序，您如何实现它取决于您。与有关 Redux 的许多其他事情一样，请确保您了解所涉及的权衡。

我对上面的文档摘录不太了解。我觉得有点模糊。任何人都可以更详细地解释通过向 Redux 状态添加不可序列化数据我们可能/将会丢失什么？

不同数据类型的结果是否不同？例如： a Promise, afunction (ex: a React component)和 aDate会导致不同的问题吗？它肯定会引起问题吗？或者它可能会或可能不会发生？

持久保存和补充商店内容的能力是什么意思？这是否意味着它可能会破坏我的应用程序代码，或者我们只是在谈论 devtools 调试？

更新

刚刚从 Redux Toolkit 中找到了另一篇文档：Working With Non-Serializable Data。

使用不可序列化的数据

Redux 的核心使用原则之一是您不应该将不可序列化的值放入状态或操作中。

但是，与大多数规则一样，也有例外。有时您必须处理需要接受不可序列化数据的操作。这应该很少并且仅在必要时才这样做，并且这些不可序列化的有效负载不应该通过减速器进入您的应用程序状态。

可序列化开发检查中间件会在检测到您的操作或状态中的不可序列化值时自动发出警告。我们鼓励您保持此中间件处于活动状态，以帮助避免意外出错。但是，如果您确实需要关闭这些警告，您可以通过将中间件配置为忽略特定的操作类型或操作和状态中的字段来自定义中间件：

似乎本节教你如何忽略在操作中使用不可序列化值的警告，但它也说它不应该进入状态，对吧？

我正在尝试在我的 react native 项目中实现 redux 工具包。好吧，集成是成功的，但是我无法让 redux 开发工具工作。我做了一些研究，找不到任何与 redux 工具包和 react native 组合相关的文章。如果有人知道如何将开发工具与 rtk 一起使用并做出原生反应，那将是一个很大的帮助

我无法在 Redux 开发工具中查看我的状态。我将来自 zalmoxisus 的代码添加到我的 createStore 中，但没有显示任何内容。在我的减速器中，我还将状态作为默认值返回（使用 switch 案例），但状态中仍然没有显示任何内容。有人能帮忙吗？

我之前发布过，并想我会再试一次，因为我还没有得到这个工作。我试图让我的状态显示在 Redux 开发工具（扩展）上。我已经从 zalmoxisus GitHub 获得了代码，但它似乎仍然无法正常工作。如果有人可以指导我，并且知道如何使用开发工具扩展，那将是一个很大的帮助！