问题标签 [redux-devtools]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1734 浏览

redux - 如何在 Chrome Inspector 窗口中配置 Redux DevTools,以便元素堆叠与并排?

如何在 Chrome Inspector 窗口中配置我的 Redux DevTool,以便它们像在红色方块中一样堆叠?目前我的观点是蓝色的,它们并排。

在此处输入图像描述

0 投票
0 回答
122 浏览

angular - 无法使用 Redux DevTools 从 json 导入延迟加载模块的状态

我正在使用 Angular 和 ngrx 和 redux DevTools for Chrome 开发一个应用程序。我的应用程序还有一个延迟加载模块,我将其配置如下:

这是我的减速器索引文件:

使用此配置,一切正常,但我注意到当我使用 ReduxDevTools 导出应用程序的状态(作为 json)然后重新上传它时,惰性模块的状态没有加载。它仍然为空。

如果我在延迟加载模块的状态下启动应用程序,然后导入 json,它可以工作,但是如果我从应用程序的开头开始,然后我使用时间滑块导入 json,当我到达惰性模块,状态为空(默认)。

我做错了什么还是问题是当我进入惰性模块时它会覆盖json的状态?

非常感谢

0 投票
0 回答
23 浏览

angular - 由于 Redux 增强器,Angular e2e 因“找不到 Angular”而失败?

我有一个 Angular 应用程序,它是样板文件,没有任何意义,实际上是“欢迎”模板。

我正在尝试运行 ng e2e 但它失败了,在它消失之前检查 chrome 选项卡控制台向我显示了我在启用 redux 开发工具但我的浏览器中没有扩展程序时遇到的相同错误。

我的 app.module 中的代码:

有什么办法可以让 e2e 工作并启用它,还是我应该放弃 redux 开发工具?

0 投票
0 回答
200 浏览

angular - Redux DevTools 导致 RxJS 的 switchMap 行为不同。为什么?

我正在使用 NGRX 商店开发 Angular 7 应用程序。我在 Chrome 浏览器中安装了Redux DevTools,以便在开发过程中使用它。

当我注意到一个函数的行为不同时,我感到非常困惑,这取决于 Redux DevTools 在浏览器中是启用还是禁用。在一种情况下,我遇到了错误,在另一种情况下 - 一切正常。

确切的错误是:

幸运的是,我在这个答案中找到了问题的根源——switchMap由于 WebStorm 的自动导入,我错误地导入了:

代替

但是,我仍然无法理解 Redux DevTools 与它有什么关系,以及为什么我的代码在switchMap启用该工具时就像我正确导入一样工作,反之亦然 - 它导致错误(因为它通常应该有一直在做)当它被禁用时。

我怀疑这段代码在这里会有很大帮助,但它是实际错误发生的地方。

0 投票
3 回答
2218 浏览

javascript - 导入ngrx开发工具时无法读取未定义的属性“白名单”

导入ngrx devtools以启用chrome工具的调试器会导致以下错误

错误类型错误:Cannot read property 'whitelist' of undefined at isFiltered (:1:5016) at Object.x [as send] (:1:74196) at DevtoolsExtension.notify (store-devtools.js:210) at ScanSubscriber.StoreDevtools .liftedAction$.pipe.Object.state [作为累加器] (store-devtools.js:649) 在 ScanSubscriber._tryNext (scan.js:61) 在 ScanSubscriber._next (scan.js:54) 在 ScanSubscriber.Subscriber.next (Subscriber.js:54) 在 WithLatestFromSubscriber._next (withLatestFrom.js:66) 在 WithLatestFromSubscriber.Subscriber.next (Subscriber.js:54) 在 Notification.observe (Notification.js:15)

这是我下面的ngrx版本:

和我的角度离子

每当我尝试在app.module上导入以下代码时,总是会显示我在顶部显示的错误。

上面的错误指的是我控制台210行的这行代码

感谢有人可以提供帮助。提前致谢。

0 投票
2 回答
2006 浏览

javascript - 将整个 redux 状态作为单独的 JSON 文件获取

我需要将整个 Redux 状态作为 JSON 文件获取,而不需要来自 Redux DevTools 的有效负载或操作,只是状态。

0 投票
1 回答
105 浏览

javascript - 在中间件中调度 redux 操作会导致意外行为

我试图了解 redux 中间件是如何工作的,在我的实验过程中,我注意到从 redux 中间件分派一个动作可能会导致意外行为。

我将尝试通过模拟文件上传来解释问题,如下所示:

我们有 3 个动作:

计算总数的中间件:

减速器:

这是模拟文件上传的代码:

以下是事件的顺序:

第一个动作按预期工作并设置进度值:

在此处输入图像描述

问题从这里开始;缩略图假设由“setThumbnail”设置,但 devtools 显示它已由“calculateTotal”设置,之后的每个调度都不匹配:

在此处输入图像描述

我在这里做错了什么?是设计使然吗?如何在不引起上述问题的情况下在中间件中调度操作?

0 投票
2 回答
447 浏览

react-redux - Redux DevTools 无法渲染

我正在redux-devtools使用redux-devtools-dock-monitorredux-devtools-log-monitor

我遵循了文档。但是,在控制台中我收到此错误:

这是我的根组件:

此外,我也收到此警告:

我用过redux-devtools-log-monitorredux-devtools-dock-monitor作为显示器

0 投票
0 回答
517 浏览

angular - 在 NativeScript 应用程序中配置 NGXS 和 redux DevTools

我正在开发一个使用 NGXS 进行状态管理的 NativeScript 应用程序。

我已经"@ngxs/devtools-plugin": "^3.3.4"在我的根模块文件中的模块中下载并初始化为NgxsReduxDevtoolsPluginModule.forRoot()

我曾经tns run ios在 IOS 模拟器上运行应用程序,然后使用 VSCode 调试器附加到它

用于 VSCode 的 NativeScript 调试器插件

然后给我一个像 chrome- 这样的 URLdevtools://devtools/remote/serve_file/@02e6bde1bbe34e43b309d4ef774b1168d25fd024/inspector.html?experiments=true&ws=localhost:41000

为了能够在我选择的浏览器(Chrome)中调试应用程序,我已经下载了

Redux DevTools 扩展

在 Chrome 上能够可视化状态变化。但是,DevTools 窗口中没有显示任何内容。我错过了配置的任何部分吗?

0 投票
1 回答
2143 浏览

reactjs - Redux 开发工具和 React Native

我正在开发一个 React Native 应用程序,但由于某些原因,我的 redux devtools 无法检测到商店。

这是 store.js 的代码

当我打开 chrome debugger-ui 时,我在 redux 选项卡中看到“未找到商店”。

我已经从扩展设置中提供了对文件 url 的访问权限。我不知道可能是什么问题。我尝试了几个使用中间件和 redux-tools 的商店设置,在教程中找到,但它们似乎都不起作用。我也尝试了独立应用程序,但它没有检测到任何东西,也没有检测到反应代码。我究竟做错了什么?