问题标签 [redux-devtools]

我们为我们的应用程序打开了热重载，有时会触发打开 Redux Devtool 的语句。当它发生时，DevTool 会窃取焦点。当开发人员正在编写和保存代码时，这可能会很烦人，并且保存的动作会触发构建，随后会打开 Redux DevTool。

不知道有没有办法知道 Redux DevTool 是否已经打开，所以我们可以在需要的时候打开 devtool。

下面是我们用来打开 Redux Devtool 的源代码：

我即将为 react-native 应用程序设置远程调试。我添加了remote-redux-devtools模块并导入了它。有谁知道为什么我会收到以下错误： UnableToResolveError: Unable to resolve module remote-redux-devtools from /Users/.../src/store/createStore.js: Module does not exist in the module map or in these directories:....

它位于node_modules目录 ( node_modules/remote-redux-devtools) 中。

当我将 redux-thunk 添加到我的 react native 项目时，我的 redux 远程 devtools 没有任何状态。该状态在远程开发工具窗口中显示为未定义。以前（开发工具工作）：

更改为（devtools 停止工作）：

我做错了顺序createStore吗？

更新：我认为composeEnhancers是必要的。尝试了一些变体但不起作用：

我是这样加载的：

我有以下动作：

我派了一些东西来打开一个菜单和一些东西来关闭它。

现在，如果该操作用于打开菜单，则 chrome 扩展程序会稍微延迟显示该操作，如果用于关闭菜单，则根本不会显示该操作。

它仅发生在该特定操作中。可能的原因是什么，可以采取什么措施？

编辑：
这是我发送动作的地方：

这是dispatchToProps()：

我有这种情况：

• 我打开 redux-devtools。
• 单击页面上的链接。
• 该链接将我带到第二个页面，该页面启动一个 redux 效果，该效果将返回另一个动作，当“减少”时，该动作将使用页面所需的信息更改状态。

当我尝试回溯我的步骤并单击 redux-devtools 中的播放按钮时，我希望会发生这种情况：

• 该应用程序导航到第一页。
• 该应用程序导航到第二页并显示来自状态的信息。

实际发生的是：

• 该应用程序导航到第一页。
• 应用程序导航到第二个页面，然后触发效果并进入服务器并获取新数据并将其显示在页面上。

我的理解是，重放功能应该使用每个动作后的状态准确地重放事物，而不会触发任何效果。

我目前使用纯 redux 来实现 Redux。redux-observable 的效果，当然还有 angular 4+。

我调度了在组件中启动 OnInit 效果的动作。我想我错过了一些大事，正在做一些愚蠢的事情。

我在这里想念什么？

这是我创建商店的方式：

这是 AppModule ctor：

我正在尝试将 redux 开发工具添加到我的项目中（这样我可以更好地使用 ngrx 4）。

我在网上查看了如何向电子添加开发工具，找到了两种方法：1）使用电子开发工具安装程序 电子开发工具安装程序

2）手动，就像文档如何解释（从 chrome 扩展文件夹中获取） 关于开发工具 的电子文档 本文档中的示例显示了如何下载我需要的 redux 开发工具

我在离线环境中工作，我可以将文件夹从另一台计算机带到我的项目所在的位置，但反之则不行。所以我想不出使用选项1的方法。所以我正在尝试选项2。

就像文档告诉我的那样，我将 redux 开发工具添加到 chrome，然后我将扩展的文件夹复制到我的电子项目的计算机上。（与我最初下载它的计算机中的 chrome 扩展名相同）。

然后，在我的电子项目 main.js 中，在应用程序就绪事件内的部分代码中，我调用了：

当我使用电子启动我的应用程序时，我在主进程中收到以下 javascript 错误：

我在 Windows 上使用电子 1.2.5，如果你要建议我更新我的电子版本，我不得不说我不能这样做，我在更新它时也有错误（未连接到 redux 开发工具），哪个我还问了一个关于这里的问题。

总而言之，如果有人知道如何在离线环境中使用选项 1，那可能会帮助我解决问题。我更喜欢使用选项 2 的解决方案，以某种方式解决这个奇怪的错误？对我来说，这看起来像是与 redux 开发工具代码相关的错误，但我不确定它为什么会发生，而且我在网上找不到其他人正在努力使用这个工具并遇到这个错误。

UPDATE 设法更新到最新的电子，仍然出现同样的问题

Redux 开发工具扩展仅显示初始状态和初始化操作，而不反映通过代码完成的分派操作和状态更改。而如果我在扩展中使用调度程序，那么它会显示操作和状态更改。

我为此花了很长时间，但徒劳无功。

这是我的动作创造者。

我的减速机。

存储配置。

这是最初调度操作的地方。

我正在使用NativeScript和Angular 2和TypeScript构建移动应用程序。我的 IDE 是 VS Code。

我决定使用@ngrx/store来保持应用程序的状态。但是，调试存储状态存在问题。我想使用redux-devtools并且我已经读过在我的情况下我必须使用remote-redux-devtools。问题是它应该与redux一起使用，我找不到任何指南如何为ngrx设置它。

ngrx本身支持 devtools，但我没能按照这个指令让它工作。

你们有没有人做过这样的设置，可以帮助我吗？

谢谢！

我一直想知道 Redux Dev Tools 的导入功能。如果有问题，请纠正我的逻辑。

我正在开发一个多步骤、繁重的应用程序 UI，它将其状态序列化为 Redux。尝试通过浏览应用程序并每次填充/验证每个字段来重现错误是低效的。我发现了 Redux 开发工具 (RDT) 的导出和导入功能，并在填写和验证表单时导出了一个状态。

我重新启动了应用程序，直接导航到 URL（它在dev环境中，所以没有 auth 保护），并导入了 state.json 文件。

由于 UI 不是从Redux 派生其状态，而是将其状态保存到Redux，因此 UI 可以预见地不会在导入 state.json 文件时更新。这个问题是关于响应导入 state.json 文件的单一同步操作。

我做了一些研究，发现了一个 RDT 依赖的包，叫做redux-devtools-instrument。它在内部使用 Redux，并为IMPORT_STATE. 即使明确将此包添加到我自己的依赖项中，我也无法弄清楚如何订阅该事件并重新水化我的 UI。所以，这是我的问题的两个部分：

1. RDT 的导入功能是否旨在按照我所描述的方式工作？

2. 您将如何获得一个没有 Redux 概念的“愚蠢”UI，甚至没有一般的状态，以“监听”该导入状态文件操作？我尝试使用 RxJS，但不知道要订阅什么。

我有一个使用正确数据调用的操作 FETCH_HABITS_SUCCESS：

但它会影响不听它的减速器：

Dates reducer 不听 FETCH_HABIT_SUCCESS。上一张图片的差异中显示的数据应该是来自 UNMARK_SUCCESS 的数据（执行时间线后面的两个操作）。

出于某种原因，当调用 FETCH_HABIT_SUCCESS 时，会发生 UNMARK_SUCCESS 动作真正的修改，至少开发工具显示的是这样。我已经检查过我所有的减速器都不会改变状态。我总是复制状态。Reactiflux 的人已经检查过我也没有改变状态。

代码：

日期缩减器：https ://www.pastiebin.com/5a03538e98322 习惯缩减器：

有谁知道我做错了什么？