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

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

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

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

0 投票
7 回答
25529 浏览

redux - 在 Redux DevTools Extension 中修改状态

在我的应用程序状态中,有一些值设置为 initialState。

使用React 开发者工具可以很容易地直接修改一些状态值。

Redux DevTools Extension中是否有类似的可能,即单击并为特定属性插入新值?

这个SO anwer 中,它声明可以“改变任何你想要的”,但我找不到如何。

在“状态”->“原始”窗格(见下图)中,可以覆盖值,但似乎没有应用。

在此处输入图像描述

0 投票
1 回答
39 浏览

node.js - 无法解析自定义 node_module 中的 JSX 语法

我有一个父项目(使用 React 编写的 UI),它从 IMPORTED npm 包中导入其 Redux 存储。

index.js 父项目

custom-store包作为独立项目执行时。文件DevTools.js解析正确。

但是,当custom-storepackage 只是在node_modules正在执行的 PARENT 项目中导入的包时,我看到了这个错误:

configureStore.js 进口项目

DevTools.js 进口项目

笔记:

自定义包包含一些 JSX 代码redux-devtools,因此错误您可能需要适当的加载程序来处理此文件类型。.

可能的原因可能是某些缺少的预设(例如es2015, react.babelrc会阻止解析 JSX 文件。

我想将redux-devtoolsPARENT 项目中的 用于调试目的,而不仅仅是完全删除导入。

0 投票
1 回答
438 浏览

redux - 如何在 Redux DevTools 中自动跟踪最新动作(时间旅行调试)

我正在检查 Redux DevTools 的操作历史记录中的特定操作,现在我找不到返回最新操作的按钮,因此如果调度了任何其他操作,我总是停留在最新的操作,而不是需要手动单击最新的一项以从先前选择的一项切换到它。

0 投票
1 回答
392 浏览

javascript - 在 Node.js 中使用 Chrome Devtools 调试 Redux

redux-devtools-extension我的网络应用程序代码库中使用时,我能够在浏览器中调试 Redux 操作和状态更改。

如果我在 Chrome 中运行 Node.js--inspect并进行调试,我希望看到相同的行为,但我只看到以下消息:

没有找到商店。确保按照说明进行操作。

在进行 Node.js 开发时如何使用 Redux DevTools --inspect

0 投票
1 回答
747 浏览

reactjs - Redux 期望 reducer 是一个函数

Redux 让我失望:

错误:期望减速器是一个函数。在行

从索引:

从配置商店:

index.js

configureStore.js

根减速器

模拟减速器

找不到错误。第一次自己创建一个支持 devtools 插件的 redux 商店

0 投票
1 回答
7809 浏览

redux - 如何使用 reduxThunk 应用 redux 开发者工具

这是我的代码

所以我想使用来自 npm 的 redux-devtools-extension 包

我如何使用 createStoreWithMiddleware 实现

0 投票
1 回答
19641 浏览

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

0 投票
1 回答
816 浏览

react-native - 远程 redux devtools 停止工作

之前有人问过这个问题,但我找不到可行的解决方案,所以我冒昧地展示我的代码,以防我遗漏了什么。我有一个反应原生应用程序并使用 redux。我已经在这个项目上使用 remote-redux-devtools 两个月了,但是该工具突然停止工作。我在控制台中收到“SocketProtocolError”并将其粘贴到下面以及我的代码中。

Redux 商店

在我的 package.json 文件中,我使用的是 "remote-redux-devtools": "^0.5.13"

这是我在控制台中遇到的错误。在此处输入图像描述

任何帮助将不胜感激!

0 投票
2 回答
991 浏览

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 只是一个不执行任何操作且不附加任何效果的操作(为了帮助调试它)。