问题标签 [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.
redux - 在 Redux devtools 中重放动作将使用 RxJS 生成新动作
所以基本上我的Angular2
应用程序正在使用ngrx
and rxjs
。而且我正在使用Redux DevTools
chrome 扩展来进行调试。
问题是当我尝试重播 中的所有动作时Redux DevTools
,它总是会自动生成新动作。我认为原因是因为我使用了大量的 Observables 和 Subscriptionsrxjs
来监听任何商店更新并基于此发送新操作,并且由于重播操作将更新商店,它将触发所有这些订阅。所以我的问题是,是否可以防止重播动作产生新的动作?
redux - 在 Redux DevTools Extension 中修改状态
在我的应用程序状态中,有一些值设置为 initialState。
使用React 开发者工具可以很容易地直接修改一些状态值。
Redux DevTools Extension中是否有类似的可能,即单击并为特定属性插入新值?
在这个SO anwer 中,它声明可以“改变任何你想要的”,但我找不到如何。
在“状态”->“原始”窗格(见下图)中,可以覆盖值,但似乎没有应用。
node.js - 无法解析自定义 node_module 中的 JSX 语法
我有一个父项目(使用 React 编写的 UI),它从 IMPORTED npm 包中导入其 Redux 存储。
index.js
父项目:
当custom-store
包作为独立项目执行时。文件DevTools.js
解析正确。
但是,当custom-store
package 只是在node_modules
正在执行的 PARENT 项目中导入的包时,我看到了这个错误:
configureStore.js
进口项目:
DevTools.js
进口项目:
笔记:
自定义包包含一些 JSX 代码redux-devtools
,因此错误您可能需要适当的加载程序来处理此文件类型。.
可能的原因可能是某些缺少的预设(例如es2015
, react
).babelrc
会阻止解析 JSX 文件。
我想将redux-devtools
PARENT 项目中的 用于调试目的,而不仅仅是完全删除导入。
redux - 如何在 Redux DevTools 中自动跟踪最新动作(时间旅行调试)
我正在检查 Redux DevTools 的操作历史记录中的特定操作,现在我找不到返回最新操作的按钮,因此如果调度了任何其他操作,我总是停留在最新的操作,而不是需要手动单击最新的一项以从先前选择的一项切换到它。
javascript - 在 Node.js 中使用 Chrome Devtools 调试 Redux
在redux-devtools-extension
我的网络应用程序代码库中使用时,我能够在浏览器中调试 Redux 操作和状态更改。
如果我在 Chrome 中运行 Node.js--inspect
并进行调试,我希望看到相同的行为,但我只看到以下消息:
没有找到商店。确保按照说明进行操作。
在进行 Node.js 开发时如何使用 Redux DevTools --inspect
?
reactjs - Redux 期望 reducer 是一个函数
Redux 让我失望:
错误:期望减速器是一个函数。在行
从索引:
从配置商店:
index.js
configureStore.js
根减速器
模拟减速器
找不到错误。第一次自己创建一个支持 devtools 插件的 redux 商店
javascript - Redux Web 扩展 - 未捕获的 TypeError:传播不可迭代实例的无效尝试
我正在开发一个也使用 Redux 开发工具扩展的 React 应用程序。它在 Node 上运行并使用 Webpack 进行编译。我最近将我的应用程序从 2 升级到了 Webpack 4。
该应用程序通过使用该命令编译得很好,webpack
但是当我尝试在浏览器中运行它时,我收到以下错误,该错误会杀死该应用程序:
错误发生在我configureStore.js
配置 redux 存储的文件中。请参阅下面的第 7 行import { composeWithDevTools } from 'redux-devtools-extension';
是导致该问题的原因。
configureStore.js
当我删除此扩展程序时,我的初始页面会加载。但是,我想将此扩展程序保留在应用程序中。关于为什么会发生这种情况以及如何保持这种工作的任何想法或建议?以下是作为参考点的附加文件。
webpack.config.js
.babelrc
包.json
angular - 除非安装 Redux Devtools,否则 ngrx Angular 应用程序无法运行
我们的 ngrx Angular 应用程序运行良好,直到我们卸载 Redux Devtools 时出现错误:
您在预期流的位置提供了无效对象。您可以提供 Observable、Promise、Array 或 Iterable。
商店设置在 app.module.ts 中如下所示:
我们的ngrx reducers/index.ts 文件看起来像这样:
有没有人经历过这种情况或知道修复方法?该问题存在于开发和生产环境中。
我们正在运行 Node v8.11.3
编辑:如果我注释掉这一行,错误就会消失,但显然商店无法初始化:
其中 InitAction 只是一个不执行任何操作且不附加任何效果的操作(为了帮助调试它)。