问题标签 [redux-devtools]

您好，我不想在扩展 Redux DevTools 中显示我的操作之一。我以为我可以使用属性 actionBlocklist 来做到这一点，但是当我写这个时：

没有什么是改变。我确定动作名称与 redux 中的名称相同。也许我误解了这个属性的概念。

我正在学习 redux 并想出了一个使用返回数据的 web 服务的示例。一切正常。但是我在下面配置了 redux 开发者工具。

我收到一条错误消息，说我的商店被分配了一个值但从未使用过，当我进入我的开发工具时，我看不到我的状态数据。难道我做错了什么？

错误：第 14:7 行：“商店”被分配了一个值，但从未使用过 no-unused-vars

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

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

在 chrome devtools 中并非如此。

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

我想在开发模式下连接到现有的商店实例，以调度一些动作来模拟生产环境。

我尝试使用：

https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Methods.md#connect

但看起来它每次都在创建一个新实例。有没有办法使用 API 连接到现有商店并调度操作？

我正在使用 redux-devtools，我已经按照文档中的说明配置了我的商店，但是跟踪没有显示被调用者

请帮助我如何获得工作代码。 实际行为

想要的行为

我知道在 web 应用程序上启用 redux devtools 的典型方法是在创建商店时对其进行配置。有很多关于如何在线执行此操作的示例。

我想知道的是，有什么方法/黑客可以用来尝试将 Redux DevTools 连接到我没有开发的 Web 应用程序？假设我碰巧知道一些 Web 应用程序使用 Redux，有什么我可以做的/我可以在开发人员控制台中运行的代码，事后将其连接到 Redux DevTools，这样我就可以检查一些被触发的操作这页纸？

例如，React DevTools 似乎可以在使用 React 的网站上运行，而无需在代码中进行配置。

最近加入了一个使用 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”按钮就可以了。另外我是初学者，所以我可能缺少一些东西。

以下是我设置的值：

设置

is there any quick way in vs code to search for method1 referenced inside method2?

I am trying to see if using remote-redux-devtools is useful for my project, and we are using next js which does server side calls via getInitialProps so I am trying to find all references to dispatch inside getInitialProps

rather than search for either term (dispatch or getInitialProps) via command + shift + F individually, i need a more specific search. in this case I need to search for references to dispatch inside getInitialProps

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

包.json

应用程序模块

RoutingModule.ts（延迟加载）

解析器.ts

应用组件.ts