问题标签 [redux-devtools-extension]

试图让 redux-devtools-extension 在我的由 Electron 打包的 Redux 应用程序上工作。

我正在使用电子 v5.0.7，电子开发工具安装程序 v2.2.4

如果我在本地（在 Electron 中）启动 Electron 应用程序，并查看 devtools 中的 Redux 部分，它会给我一个错误“未找到商店。确保按照说明进行操作。” 如果我通过 localhost 访问这个电子应用程序的 Web 版本，我可以看到 redux-devtools 正在工作。

这是我的 main.js for Electron 使用 electron-devtools-installer 安装扩展的方式，根据他们的文档：

当我的电子窗口打开时，它会记录Added Extension: Redux DevTools

这是我根据他们的文档将 redux-devtools 添加到我的商店的方法：

当我尝试查看商店窗口中的内容时，REDUX_DEVTOOLS_EXTENSION_COMPOSE未定义。

当它在 Electron 中运行时，似乎有一个断开连接，因为它作为一个普通的 Web 应用程序工作。我很想知道是否有人能够让它工作？

我正在使用 redux-devtools-extension 开发一个 React Native 应用程序：

在 React Native 调试器中它可以工作，您可以看到window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__并window.__REDUX_DEVTOOLS_EXTENSION__正确定义。

在 chrome devtools 中并非如此。

有谁知道我怎样才能在 chrome devtools 中定义这些？我在 chrome 中安装了 redux 扩展，并尝试重新安装它。

我将整个应用程序存储在 ngxs 中，这很好用。

当我想在 redux devtools 中查看这些数据时遇到问题。首先，当 store 很小时，一切正常，当 store 变大时，reduxdevtools 工作越来越慢，现在崩溃了。

实际这里是我的json 存储 ，它没有那么大，但在功能来自后端的数据方面，它将有大约 20-30 Mb

在调试窗口中，我看到以下信息：应用程序状态或操作负载太大，导致 Redux DevTools 序列化速度变慢并消耗大量内存。请参阅 文章链接，了解如何配置它。

但是这些例子是在ngrx下。

我认为，该问题与 devtools 中的序列化大对象有关。

是否可以使用 ngxs 控制应该在 devtools 中显示哪些区域，如上面链接中的示例所示？或者这些是更好的工具，例如：diff monitor

感谢您的回答...

在编译此代码时，我收到此错误SyntaxError: Unexpected token, expected ","。我希望你能帮我解决这个问题。在线错误(13:39)

谢谢

我们刚刚从 immutable 迁移到 immer，在 chrome 中使用 Redux Devtool（在 Firefox 中也是如此）时得到了惊喜

我们的 redux 状态使用打字稿映射、集合和数组。例如

签入 de ReduxDev Tools 时，ns 始终为空，即使它内部有值。对于其他打字稿对象也是如此。简单的物体很好。

有人遇到同样的问题吗？

最近加入了一个使用 Angular 和 Redux 的新项目。但它没有启用 chrome redux 开发工具。我注意到它已从 app.module.ts 部分中注释掉。所以我取消了对这部分的评论。

然后我看到了关于“过度使用内存和 CPU”的警告以及 github 文档的链接：https ://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/Troubleshooting.md#excessive-use -内存和cpu

启用 reduxDev 工具会使应用程序崩溃，没有可点击的按钮或选项卡。即使我调整maxAge到2，它仍然很慢。如果未启用 ReduxDev 工具，则不会出现性能问题。

由于文档说“这是由于一些巨大的对象的序列化。” 然后我开始浏览应用程序，看看可能是什么。我的应用没有图片或视频。唯一可能被认为很大的 API 是返回 4.5 MB 下拉内容的端点。而且我认为它是由以前的开发人员存储的，因为此下拉内容在应用程序的多个选项卡中使用。

现在尝试根据文档部分清理上述端点：

我发现我们基于ngrx这个示例项目的应用程序根本没有createStore()。

问题： 1. 鉴于我们的项目看起来像这样，我应该在哪里添加消毒剂？

2. 我真的不明白大型下拉数据（树结构中的所有文本）如何难以序列化。4.5mb也算大吗？我从任务管理器中看到，启用 Redux 开发工具时，它使用了 1-2 GB 的内存。所以也许这是我不知道的其他问题？谢谢。

编辑1：

尝试了第一个答案并将状态和动作缩减器添加到 StoreDevToolsModule.instrument({}) 部分。但性能仍然相当差。MaxAge 设置为 4。我现在可以可视化整棵树。但它仍然导致 chrome 崩溃。

我的问题是，当我在 Chrome 上的 Redux DevTools 的 Trace 选项卡上时，我单击 Trace 选项卡允许我在这里看到的一行代码（例如调度） ，而不是在正确的 VS Code 上打开它数字行，它会在 Chrome 上打开一个新选项卡，并显示消息“网站想要打开此应用程序”，并带有“打开 Visual Studio Code”按钮，但该选项卡会立即关闭/消失！

我尝试了几次非常快速地单击“Open VS Code”按钮，但没有任何区别。我还尝试了 Ctrl + Shift + T 重新打开关闭的选项卡，但它没有重新打开该特定选项卡...

看来我只需要点击那个“Open VS Code”按钮就可以了。另外我是初学者，所以我可能缺少一些东西。

以下是我设置的值：

设置

我正在开发一个带有 angular 8 和 ngrx 的应用程序。在我以隐身模式测试我的应用程序之前，一切都很顺利。突然，一个 url 在导航开始和导航结束之间几乎 50 秒开始工作得很慢。我观察到启用 redux-devtool 扩展似乎可以解决问题（每次都有效）。不知道这里发生了什么。需要时间的路由的解析器需要进行 3 个 api 调用，但这些调用是在我单击路由时发生的，但解析器需要 50 秒才能到达组件。这是详细信息。如果需要其他任何东西，请告诉我：

包.json

应用程序模块

RoutingModule.ts（延迟加载）

解析器.ts

应用组件.ts

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

但是我这样做时：

我收到以下错误...

提前致谢！

更新

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

这是我更新的商店：

我在 Heroku 上有一个网站，从我的计算机访问时可以正常工作，但是从另一台 PC 或任何其他设备访问时，它只显示一个空白页面。

尝试运行heroku logs -t，但没有显示任何问题。有人可以帮忙吗？