问题标签 [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.
reactjs - React devToolsExtension 打破了商店
当我使用创建商店时
我在控制台中收到警告并且商店无法正常工作:
减速器接收到的先前状态具有意外类型的“功能”。预期参数是具有以下键的对象:“posts”、“sidebar”
当我删除DevTools
它再次开始工作。
你如何分配DevTools
并让应用程序仍然工作?如果您想查看一些来源,请查看此问题。它的配置方式与我的应用程序完全相同。
redux-devtools-extension - 如何使 redux devtools chrome 扩展默认为 State 而不是 Diff?
每次我需要为我的 React 应用程序刷新页面时,HMR 都不会获取我需要的更改,Redux devtools 从State
视图切换回默认值Diff
。它让我慢下来,因为我不得不State
一遍又一遍地点击。我从未使用过该Diff
页面,并希望它默认为State
页面加载时。
直接编辑扩展源或选择记住最后单击的选项卡对我有用。
redux - 如何知道 Redux Devtool 窗口是否已经打开
我们为我们的应用程序打开了热重载,有时会触发打开 Redux Devtool 的语句。当它发生时,DevTool 会窃取焦点。当开发人员正在编写和保存代码时,这可能会很烦人,并且保存的动作会触发构建,随后会打开 Redux DevTool。
不知道有没有办法知道 Redux DevTool 是否已经打开,所以我们可以在需要的时候打开 devtool。
下面是我们用来打开 Redux Devtool 的源代码:
react-native - 无法使用远程 redux devtools 连接反应本机应用程序
我无法使用 redux 将我的 react-native 应用程序通过remote-redux-devtools连接到redux-devtools-extension。
我在 macOSX Sierra 上使用通过 USB 连接的 android 设备。
Redux 已正确配置到应用程序中,带有一个简单的按钮操作来更新 redux 状态。
但它找不到任何商店。
我错过了什么?
ngrx - 调度 @ngrx/router-store 操作时出现 Redux devtools 扩展错误
我正在使用以下库:
- 角 4
- @ngrx/路由器商店
- @ngrx/store-devtools
就在最近,当尝试将设置为当前活动路由的go
路由器操作分派时:relativeTo
我收到此错误:
处理有效负载中的 devtools 似乎存在问题ActivatedRoute
(类似于此问题)。
如果我实现了新版本的go
动作创建器(如此处建议:Redux Devtools Extension Troubleshooting)向 中添加一个toJSON
函数NavigationExtras
,那么一切正常:
有没有其他人遇到过这个问题?对于如何解决这个问题,有任何的建议吗?
更新:看起来它也与延迟加载的路由有关。仅当当前路由是延迟加载模块的一部分时才会发生错误(即 via loadChildren
)
javascript - Redux Devtool(chrome扩展)不显示状态
我是 Redux 的新手,Redux devtool 的新手。
我制作了一个简单的应用程序,您可以在其中单击用户并显示有关他的一些数据。
所以基本上在我拥有当前选定用户的状态下。
但我不知道为什么 redux devtool 中的状态一直是空的。(不在应用程序中)
这是我创建商店的地方:
这是行动:
}
这是一个减速器:
}
最后呼吁采取行动:
该应用程序运行良好,但我可能遗漏了一些东西。
谢谢你的帮助 !
reactjs - 如何解决 react-redux 中的此错误“错误:操作必须是普通对象。使用自定义中间件进行异步操作。”
项目的错误是错误:操作必须是普通对象。使用自定义中间件进行异步操作。我想知道热来解决这个问题。这是 Store.js 在传递给路由器之前放置配置历史和存储的地方
这是动作文件:
这是我的减速机
这是我的路由器:
reactjs - Redux 开发工具不反映状态变化和动作
Redux 开发工具扩展仅显示初始状态和初始化操作,而不反映通过代码完成的分派操作和状态更改。而如果我在扩展中使用调度程序,那么它会显示操作和状态更改。
我为此花了很长时间,但徒劳无功。
这是我的动作创造者。
我的减速机。
存储配置。
这是最初调度操作的地方。
javascript - e:Reducer 对它不听的动作做出反应
我有一个使用正确数据调用的操作 FETCH_HABITS_SUCCESS:
但它会影响不听它的减速器:
Dates reducer 不听 FETCH_HABIT_SUCCESS。上一张图片的差异中显示的数据应该是来自 UNMARK_SUCCESS 的数据(执行时间线后面的两个操作)。
出于某种原因,当调用 FETCH_HABIT_SUCCESS 时,会发生 UNMARK_SUCCESS 动作真正的修改,至少开发工具显示的是这样。我已经检查过我所有的减速器都不会改变状态。我总是复制状态。Reactiflux 的人已经检查过我也没有改变状态。
代码:
日期缩减器:https ://www.pastiebin.com/5a03538e98322 习惯缩减器:
有谁知道我做错了什么?
redux - 在 Redux devtools 中重放动作将使用 RxJS 生成新动作
所以基本上我的Angular2
应用程序正在使用ngrx
and rxjs
。而且我正在使用Redux DevTools
chrome 扩展来进行调试。
问题是当我尝试重播 中的所有动作时Redux DevTools
,它总是会自动生成新动作。我认为原因是因为我使用了大量的 Observables 和 Subscriptionsrxjs
来监听任何商店更新并基于此发送新操作,并且由于重播操作将更新商店,它将触发所有这些订阅。所以我的问题是,是否可以防止重播动作产生新的动作?