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

reactjs - 在 Redux 记录器中禁用操作时如何恢复副作用?

假设动作创建者(或中间件)具有启动服务的副作用:service.start().

redux-devtools的 disable-action 功能会恢复由于该特定操作而导致的状态更改。我们如何确保副作用也被恢复,在上面的例子中意味着调用service.stop()?我想需要的是状态的观察者,但我不确定这是否是实现它的通量/减少方式。

0 投票
2 回答
148 浏览

javascript - 这是一个有效的递归函数吗?

我在一个库中发现一个递归表达式非常困惑。代码在这里: https ://github.com/tappleby/redux-batched-subscribe/blob/master/src/index.js#L22

具体这部分:

这怎么不是无限递归?

0 投票
2 回答
4112 浏览

javascript - 在源代码中使用 NODE_ENV 来控制 Webpack 的构建过程

我正在我的项目中设置 Redux DevTools ( https://www.npmjs.com/package/redux-devtools ),并希望在构建我的生产项目时排除 DevTools。文档说这可以通过使用以下代码来完成:

我已经有一个带有常量的模块,所以我把对 NODE_ENV 的检查放在那里。

在我的 Webpack 配置文件中,我有以下代码可以正常工作:

运行set NODE_ENV=production&&webpack构建时会缩小并使用只是webpack不缩小构建。但是,在源代码本身中 NODE_ENV 是未定义的:

如果我将我设置Constants.PRODUCTION为,true则构建中不包含 DevTools。不知何故,我应该使用 DefinePlugin 或 ProvidePlugin(Redux DevTools 文档都提到了它们,但在不同的地方),但我不知道怎么做。我正在使用 Windows 10、DevTools 3.0.0 和 npm 脚本来运行构建过程。谁能帮助我如何在我的 webpack 配置文件中设置 DefinePlugin 或 ProvidePlugin?

0 投票
1 回答
217 浏览

redux - material-ui components such as DropDownMenu stop working when using redux-devtools + hot reloading

I have been using redux and redux dev-tools for about a week now and I'm loving it. I'm a big fan of Material Design and so I thought I should give material-ui a try.

It was all good until I used components other than buttons such as DropDownMenu.

The dropdown menu seems to stop working after the initial load. Here's my component:

0 投票
1 回答
228 浏览

reactjs - 为什么使用 redux devtools 在我的 _reduxDevtools 对象中未定义 ActionCreators 属性?

按照官方 repo上的文档,当我创建一个DevTools组件、一个configureStore存储并在我的工作反应应用程序的主要组件中呈现DevTools组件时,我最终得到一个:在LogMonitor.js:45中。
Uncaught TypeError: Cannot read property 'reset' of undefined

第 45 行对应于:var reset = _reduxDevtools.ActionCreators.reset;

_reduxDevtools看起来像这样:

ActionCreators实际上,该财产已丢失。

为什么ActionCreators我的对象中的属性未定义_reduxDevtools

我错过了一些明显的东西吗?我的应用程序在我不使用时运行良好,redux-devtools所以我非常怀疑它来自我的应用程序代码。

我还rm -rf编辑了我的 node_modules 并重新安装了所有内容。


更新

我尝试使用的反例重现该问题,redux-devtools并尝试查看我的项目与此示例有何不同。

如果我从反例中的webpack.config.js中删除这一行,我会收到相同的错误消息:

resolve.alias:用其他模块或路径替换模块。

0 投票
2 回答
6954 浏览

javascript - redux - 减速器状态为空白

我试图在 redux docs' basic example中复制类似于 TodoList 示例的内容。第二个 reducer 接收一个数组 - styleItems = [{... ... }, {... ...}]- 然后调用第一个函数对每个单独的对象进行操作。

initialState通过以下方式向应用程序容器提供一个,如containers/app.js. 然而,传递给styleItemsreducer 的状态似乎是一个空白数组——每次都如此。

但是,react 会根据初始配置呈现 UI,并且 react dev-tools 会按预期显示状态结构。redux 商店是否以某种方式看到与反应相同的东西?

容器/app.js

减速器/index.js

0 投票
1 回答
2246 浏览

redux - 从 redux-devtools 更改值后选择框未更改

语言环境处于我的 redux 应用程序状态。通过 react-devtools(revert 选项)更改其值,更改段落内部值,但不更改选择框值。如果它再次呈现,它不应该采用与 p 标签内相同的值吗?

0 投票
2 回答
1052 浏览

reactjs - 带有 redux-form 的 Redux 开发工具

我正在使用reduxredux devtool 我刚刚尝试过 redux-form: 干得好,用起来很有趣!但是,我猜每次我修改一个字段时,应用程序状态都会改变。redux devtool保存在字段中点击的每个新键。它会大大减慢现场刷新速度!

这是显示应用程序状态更改的 redux devtool 停靠面板: 在此处输入图像描述

这是我将 redux-devtool 链接到我的应用商店的方法:

我想找到一种方法来避免让 redux 开发工具获取 redux-form 更改。欢迎任何更好的解决方案:)

0 投票
1 回答
1231 浏览

javascript - Redux 开发工具 Chrome 扩展 Immutable.js 导致错误

目前,我的 redux 设置(它使用 Immutable.js 作为其状态)完全按照需要运行。但是,redux 开发工具扩展在打开时会输出以下错误:

reducer 发生错误 TypeError: n.withMutations is not a function

对于上下文,我将redux-immutable用于它的 combine reducers 功能,以组合我的 react-router-redux reducer:

和我的业务逻辑减速器。

更新:使用 webpack 构建生产包,在生产模式下测试应用程序(在 docker 容器中),并在开发模式下再次测试应用程序(在没有 docker 的本地机器上)似乎已经解决了问题?奇怪的...

0 投票
3 回答
9406 浏览

javascript - 让 Redux DevTools 工作

我按照教程进行操作,但是,出现控制台错误:

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

这是我的(相关)配置:

WEBPACK.CONFIG.JS:

索引.JS:

CONFIGURESTORE.JS:

CONFIGURESTORE.DEV.JS:

我不清楚我做错了什么。谢谢