问题标签 [redux-devtools-extension]

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 投票
5 回答
8268 浏览

angular - 即使应用程序运行良好,NgRx Redux devtools 也没有显示存储和状态详细信息

我正在使用下面的示例应用程序来学习 angular+ngrx。 APM 示例 NgRx 应用程序

我已经安装了 Redux firefox 扩展。但是每当我运行/重新加载应用程序时,redux 选项卡都会显示“未找到商店”消息。应用程序按预期工作(能够保持状态)。我能够调度动作,在减速器等中处理它。请帮助..我被困在这很长一段时间了。

0 投票
10 回答
41951 浏览

reactjs - 使用 TS 的 Redux DevTools 扩展出错:“属性 '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__' 在类型 'Window' 上不存在。”?

我的 index.tsx 上出现此错误。

“窗口”类型上不存在属性“ REDUX_DEVTOOLS_EXTENSION_COMPOSE ”。

这是我的 index.tsx 代码:

我已经安装了 @types/npm install --save-dev redux-devtools-extension 并且我正在使用 create-react-app-typescript。非常感谢您提前提供的任何提示。

0 投票
3 回答
3572 浏览

redux - 过滤掉 redux devtool 扩展中的操作

我有一个动作,每秒钟调度一次。它从每秒接收数据的 Web 套接字连接分派。

这导致我的 devtool 充满了很多这样的操作,因此很难调试其他操作和东西。

在此处输入图像描述

有没有办法从记录器中过滤掉所有这些“噪音”

我尝试执行以下操作:

但这不仅会过滤掉记录器中的操作,还会过滤掉应用程序中的操作。即,它没有被调度,所以它与不调用我不想要的动作一样好。

换句话说,我希望动作被调度但没有登录到 redux 开发工具

0 投票
0 回答
60 浏览

reactjs - 如果 Redux Devtools 禁用,Immutable.Js 更新会出错

我有一个奇怪的问题。如果在 Chrome 上禁用了Redux DevTools Extension,Redux Saga Reducer则会出现错误。但是当我启用Redux DevTools没有错误时,一切正常。

我的客户报告了这个问题,因为他显然没有 Redux DevTools 扩展。

这是我禁用 Redux DevTools 时的错误:

无法读取未定义的属性“unshift”

我正在使用 redux-saga 和 immutable.js。当一个动作以成功或错误完成时,它会产生一个带有减速器的通知。Reducers 向notifications数组添加新通知,Notify组件生成通知。

初始状态:

单一通知:

减速机:

我该如何解决这个Redux DevTools问题或者这是什么?

0 投票
5 回答
3397 浏览

reactjs - 连接 Redux devtools 和 Thunk 中间件到 store

我正在尝试将 redux-devtools 连接到我的商店,但我不断收到以下错误:“看起来您正在将多个商店增强器传递给 createStore()。这是不支持的。相反,将它们组合成一个函数错误。 "

*使用 Thunk 作为中间件。

尝试使用增强器,但我仍然遇到不同的错误。

帮助将不胜感激。

这就是我的商店的样子:

0 投票
0 回答
2239 浏览

react-native - 使用 composeWithDevTools() 时是否应将 Redux Devtools Extension 作为开发依赖项安装?

我决定将 RNDebugger 和 Redux Devtools Extension 包添加到我的应用程序中,以帮助调试和稍后使用 redux persist 进行测试(我还没有实现)。因此,我现在为我的 React Native 应用程序的状态架构使用以下包:React Redux、Redux、Redux Thunk、RNDebugger 和 Redux Devtools Extension。根据他们的文档,RNDebugger 和 Redux Devtools Extension 作为开发依赖项安装。我在创建我的 redux 商店时使用了 composeWithDevTools 函数。所以我想知道,我是否必须安装 RNDebugger 和 Redux Devtools Extension 作为生产依赖项,因为 composeWithDevTools 函数是 Redux Devtools Extension 包的一部分?我不想在生产环境中使用调试器,但我也不想 不希望应用程序在生产时失败,因为 composeWithDevTools 函数是未知的。我的代码工作正常,我可以在 RNDebugger 中看到 redux 存储(很好!)。尽管如此,这是我的基本设置:


0 投票
1 回答
271 浏览

redux - 为什么 redux devtools 在其 JSON 导出中转义引号?

假设我在 redux 中的应用程序状态是这样的:

当我单击“导出”以获取我的状态转储时,导出的文件表示如下状态:

转义的引号 ( \") 有点痛苦;sed -i 's/\\"/"/g' state.json我可以使用(或在 macOS 上)删除它们sed -i '' 's/\\"/"/g' state.json,但是有什么理由这是默认行为,我可以将其关闭吗?

0 投票
1 回答
944 浏览

angular - 如何使用 ngrx 启用 trace 和 traceLimit?

我正在尝试在 ngrx/store-devtools 上启用 trace 和 traceLimit(此功能https://extension.remotedev.io/docs/Features/Trace.html )。

我目前正在使用这些包和版本,并运行 Angular 8。

“@ngrx/store”:“^8.0.1”

“@ngrx/store-devtools”:“^8.0.1”

我想在 Redux DevTools Chrome 扩展中查看堆栈。

0 投票
1 回答
109 浏览

ngrx-store - StoreDevTools 在较旧的设置上崩溃

我正在尝试使用旧版本的 Angular (4.1.x) 和 @ngrx/store (5.2.0) 来检测 StoreDevTools。

安装的 zone.js 版本是 0.8.29

如果我按照推荐的方式(即在 StoreModule 和 EffectsModule 之后)(app.module.ts):

然后 StoreDevTools 崩溃

提到的 js 行说:

当我反过来做时,StoreDevTols 不会崩溃,但检查员看不到那里的商店。

这两个模块都接收到空数据,因为我只是将存储放置到位,并且我从一个功能模块开始。

没有数据存储在根级别,就像appauth现在一样。

错误是由依赖项(例如 zone.js)还是由我如何设置商店引起的?

Redux 开发工具 2.17.0

0 投票
1 回答
1139 浏览

google-chrome - 在 ubuntu 上以隐身模式以编程方式启用扩展

我们正在设置信息亭类型的工作站,铬浏览器在隐身模式下运行。出于开发目的,需要有 redux-devtools 扩展。

我们使用脚本管理安装它。基本上上传 bundles 和 manifest.json 到

/usr/share/chromium-browser/extensions

在非隐身模式下它可以工作。并且有一种方法可以使用 UI(扩展程序的设置)在隐身移动中启用它。

但问题是我们无法访问这种交互,我们必须以某种方式以编程方式进行。看起来它不是一些浏览器设置,而是扩展程序的设置。有没有办法使用 bash 或 smth 来做到这一点。相似的?