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

redux - 在 Redux DevTools Extension 中修改状态

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

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

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

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

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

在此处输入图像描述

0 投票
0 回答
299 浏览

create-react-app - 无法在 CRA 的构建版本中使用 react devtools 和 redux devtools

与 redux 一起使用create-react-app,并在 chrome 中安装了这两个扩展,我可以用这两个来调试我的应用程序。

但是,在构建我的应用程序后npm run build,这两个扩展程序无法正常工作。

加载 redux devtools 是:

0 投票
1 回答
438 浏览

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

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

0 投票
1 回答
2480 浏览

javascript - Redux DevTools 有时会被禁用

我正在使用 Angular 5 + NgRx 开发应用程序。我安装了浏览器扩展 Redux DevTools(适用于 Chrome 和 Firefox)。但两个扩展都被禁用(图标为灰色且不显示商店历史记录)

我的应用程序有几个模块,它们是异步加载的。主 app.module.ts 包含此代码

另一个模块有这个

结果是 Redux DevTools 扩展被禁用。控制台中没有报告任何相关错误。我究竟做错了什么?我无法让它工作,我感到很沮丧。

当我把它改成这个(显然是错误的)代码时,有趣的是,DevTools 又开始工作了,但是其他的东西坏了(正如预期的那样)

我确实需要 DevTools 才能工作,因为它可以帮助我更好地处理/可视化应用程序的当前状态。同样没有 Redux DevTools 和时间旅行调试,整个 Redux 方法在我看来就像编写太多样板文件。当工具生态系统工作时,它会很棒,但当它崩溃时,我所拥有的只是更多样板代码(reducers、actions 等)。

为什么 Redux DevTools 无法启动?为什么它不向控制台报告任何错误?如何让它再次工作?

PS:我没有使用 Redux DevTools 的 npm 包,我使用的是 @ngrx/store 提供的原始存储。它曾经工作正常,直到我添加了 .forFeature() 调用。

请指教

0 投票
4 回答
14582 浏览

reactjs - 如果未安装 Redux DevTools Extension,则 Redux App 无法运行

我在这里遵循了指南:https ://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html(部分:Redux DevTools)

商店的配置方式如下:

但是,如果我没有安装 Redux Devtools Extension,我的 React 应用程序(使用 CRA 引导)将无法工作。

有人可以告诉我我做错了什么吗?

缺少扩展的错误日志:https ://pastebin.com/qzcbXCYQ

编辑:我是个白痴。商店在两个文件中定义,我没有更改从中导入它的那个。清理了重复项,它按预期工作。

0 投票
1 回答
413 浏览

redux - redux devtools 配置不起作用

我正在尝试将我的应用程序配置为使用 redux-devtools,但它无法正常工作。

这是我在使用 redux-devtools 之前的配置

这是我使用 redux-devtools 所做的

但是有了这个我得到了错误

那么,我在哪里错了?

0 投票
1 回答
7809 浏览

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

这是我的代码

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

我如何使用 createStoreWithMiddleware 实现

0 投票
3 回答
2689 浏览

javascript - 在 React-Redux Store 中配置 devToolsExtension 和 applyMiddleware()

我无法弄清楚在 redux 商店中同时使用 devToolsExtension 和中间件的确切方法。

下面是我的 redux 商店代码。

由于 createStore() 需要 3 个参数。在应用中间件 thunk 之前,我将它用作下面的代码,这对我来说很好。

现在,我需要同时使用 devToolsExtension 以及应用中间件。

我试图将 devToolsExtension 和 applyMiddleware 放在数组中,以便它充当第三个参数,但这不起作用。

现在的情况是我需要使用 devToolsExtension 作为第三个参数或 applyMiddleware() 作为第三个参数。

但我想同时使用两者。我怎样才能做到这一点?

0 投票
2 回答
12260 浏览

react-native - 将 redux-devtools-extension 与 react-native 与 chrome 一起使用

在为 react-native 设置 Redux devTools 时需要帮助我在这里有非常简单的 reducer 和 createStore,我尝试合并 redux-devtools-extension,所以我可以调试我的 react-native 应用程序,但我在 Redux 中得到“store no found”标签

0 投票
3 回答
1734 浏览

redux - 如何在 Chrome Inspector 窗口中配置 Redux DevTools,以便元素堆叠与并排?

如何在 Chrome Inspector 窗口中配置我的 Redux DevTool,以便它们像在红色方块中一样堆叠?目前我的观点是蓝色的,它们并排。

在此处输入图像描述