问题标签 [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 投票
1 回答
392 浏览

reactjs - React devToolsExtension 打破了商店

当我使用创建商店时

我在控制台中收到警告并且商店无法正常工作:

减速器接收到的先前状态具有意外类型的“功能”。预期参数是具有以下键的对象:“posts”、“sidebar”

当我删除DevTools

它再次开始工作。

你如何分配DevTools并让应用程序仍然工作?如果您想查看一些来源,请查看此问题。它的配置方式与我的应用程序完全相同。

0 投票
0 回答
342 浏览

redux-devtools-extension - 如何使 redux devtools chrome 扩展默认为 State 而不是 Diff?

每次我需要为我的 React 应用程序刷新页面时,HMR 都不会获取我需要的更改,Redux devtools 从State视图切换回默认值Diff。它让我慢下来,因为我不得不State一遍又一遍地点击。我从未使用过该Diff页面,并希望它默认为State页面加载时。

直接编辑扩展源或选择记住最后单击的选项卡对我有用。

0 投票
0 回答
51 浏览

redux - 如何知道 Redux Devtool 窗口是否已经打开

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

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

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

0 投票
1 回答
1579 浏览

react-native - 无法使用远程 redux devtools 连接反应本机应用程序

我无法使用 redux 将我的 react-native 应用程序通过remote-redux-devtools连接到redux-devtools-extension

我在 macOSX Sierra 上使用通过 USB 连接的 android 设备。

Redux 已正确配置到应用程序中,带有一个简单的按钮操作来更新 redux 状态。

但它找不到任何商店。

没有找到 redux 商店

我错过了什么?

0 投票
2 回答
994 浏览

ngrx - 调度 @ngrx/router-store 操作时出现 Redux devtools 扩展错误

我正在使用以下库:

  • 角 4
  • @ngrx/路由器商店
  • @ngrx/store-devtools

就在最近,当尝试将设置为当前活动路由的go路由器操作分派时:relativeTo

我收到此错误:

处理有效负载中的 devtools 似乎存在问题ActivatedRoute(类似于此问题)。

如果我实现了新版本的go动作创建器(如此处建议:Redux Devtools Extension Troubleshooting)向 中添加一个toJSON函数NavigationExtras,那么一切正常:

有没有其他人遇到过这个问题?对于如何解决这个问题,有任何的建议吗?

更新:看起来它也与延迟加载的路由有关。仅当当前路由是延迟加载模块的一部分时才会发生错误(即 via loadChildren

0 投票
4 回答
16198 浏览

javascript - Redux Devtool(chrome扩展)不显示状态

我是 Redux 的新手,Redux devtool 的新手。

我制作了一个简单的应用程序,您可以在其中单击用户并显示有关他的一些数据。

所以基本上在我拥有当前选定用户的状态下。

但我不知道为什么 redux devtool 中的状态一直是空的。(不在应用程序中)

这是我创建商店的地方:

这是行动:

}

这是一个减速器:

}

最后呼吁采取行动:

该应用程序运行良好,但我可能遗漏了一些东西。

谢谢你的帮助 !

0 投票
1 回答
1417 浏览

reactjs - 如何解决 react-redux 中的此错误“错误:操作必须是普通对象。使用自定义中间件进行异步操作。”

项目的错误是错误:操作必须是普通对象。使用自定义中间件进行异步操作。我想知道热来解决这个问题。这是 Store.js 在传递给路由器之前放置配置历史和存储的地方

这是动作文件:

这是我的减速机

这是我的路由器:

0 投票
0 回答
983 浏览

reactjs - Redux 开发工具不反映状态变化和动作

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

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

这是我的动作创造者。

我的减速机。

存储配置。

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

0 投票
0 回答
66 浏览

javascript - e:Reducer 对它不听的动作做出反应

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

动作数据

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

影响日期减少器

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

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

代码:

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

有谁知道我做错了什么?

0 投票
0 回答
265 浏览

redux - 在 Redux devtools 中重放动作将使用 RxJS 生成新动作

所以基本上我的Angular2应用程序正在使用ngrxand rxjs。而且我正在使用Redux DevToolschrome 扩展来进行调试。

问题是当我尝试重播 中的所有动作时Redux DevTools,它总是会自动生成新动作。我认为原因是因为我使用了大量的 Observables 和 Subscriptionsrxjs来监听任何商店更新并基于此发送新操作,并且由于重播操作将更新商店,它将触发所有这些订阅。所以我的问题是,是否可以防止重播动作产生新的动作?