问题标签 [redux-devtools]

在 AppModule 中添加import { StoreDevtoolsModule } from '@ngrx/store-devtools';版本8.6.0后面临循环依赖问题。

所有与商店相关的软件包都在同一版本中。

有什么建议可以解决这个问题吗？

如何使用 redux 工具包添加 redux devtools？

.....................................................

使用的 Framkeworks：React + Redux + Electron (+ Express)

突然，在通常的 redux 开发工具的位置，显示了同心圆的动画。

（见截图）

有没有人见过这个？开发工具昨天开始表现得像这样，之前还没有问题。

这是在electron/main.ts中加载扩展的函数：

这是我的redux/store.ts：

相关依赖版本：

注意事项：

• 控制台中没有错误或警告（您在图像中看到的那些从一开始就存在，几个月前）
• Redux store 工作正常
• 未显示“找不到商店”消息。
• 控制台日志记录窗口.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ 显示它存在
• 尝试使用 window.__REDUX_DEVTOOLS_EXTENSION__ 代替，结果相同
• 控制台日志记录 store.getState() 返回预期状态

看看是否有人以前经历过这种情况以及他们是如何解决的。如果需要，很乐意提供更多信息。

谢谢窥视！

我有一个连接到 NGRX 商店的简单 Angular 组件。它适用于实时应用程序，但不适用于 Storybook 渲染。

我创建了一个简单的操作，它应该在 ngOnInit() 函数中触发。我已经记录了减速器，可以看到动作被调用并触发了减速器，但是在 Storybook 中查看时，ReduxDevTools 中的数据没有更新。

为什么是这样？有没有在 Storybook 中使用带有 Angular NGRX 的 ReduxDevTools 的解决方案？

示例：（在实时应用程序中工作 - 在 Storybook 中不工作）在组件中：

在减速器中：

loadAccountDebtor 操作触发 Api 服务调用（使用 action.payload）。成功时触发 Success 操作，这会更新 Store。（但 Storybook ReduxDevTools 中没有任何更新）

在 Live App 中，ReduxDevTools 运行良好。

我在 Windows 10 操作系统上使用 React Native v0.65.1 (React Native CLI) 和 Flipper 桌面应用程序 v0.114.1。在我的 React Native 应用程序中，我使用的是 Redux 工具包。尽我所能探索 v0.62 以上的 RN 应该支持开箱即用的 Flipper，并且 Redux 工具包不要求对 Flipper 进行额外的中间件配置。

我尝试安装 Flipper-plugin-redux-debugger 的 npm 包，但什么也没有，Flipper 中的 Redux Debugger 仍然不可用。

我的问题在哪里？

我在我的应用程序中使用 react-redux 和 redux 工具包，每次触发事件时，我都会将状态更改（布尔值）发送到与其现有状态相反的状态。

状态每次在 Redux DevTools 以及同一组件中的单独 useEffect() 函数中都会成功更改，但在实际调度的函数中没有按预期工作，这是我计划对基于我的 UI 进行一些必要更改的地方关于那个状态变化。

这是我在 Header.js 中触发调度的组件的截断版本：

这是我截断的切片，sideNavSlice.js：

在 Header.js 中，我在 handleShowSideNavClick() 中调度操作并记录调度两侧的状态，但状态保持不变？我期望调度后第二个日志中的状态与第一个日志中的状态相反，以便我可以根据更改执行更改。

但是，在 Header.js 中的 useEffect() 中，状态更改是一个依赖项，因此它会按预期触发状态更改。第一次点击输出为真，第二次为假。

在 sideNavSlice.js 中，状态更改也按预期工作，因为状态更改两侧的两个输出日志显示输出 (false => true)，并且在第二次单击时相同 (true => false)。

Redux DevTools 还按预期显示状态变化。

先前的研究主要围绕状态的突变，但我不相信我正在改变状态，并且可以看出调度成功地改变了预期的状态，除了在我实际调用它的实际函数中。

这是我当前的 redux 商店分配：

我希望能够使用Redux Devtools在我的项目中进行堆栈跟踪。给出的示例与我的设置并不真正匹配，只是想知道如何在trace不完全重写我的变量分配以匹配他们的情况下添加类似属性的内容。

有没有办法像我们使用 devtools 在 chrome 中看到反应组件一样调试 React Flux Store？

Redux 开发工具为时间旅行功能显示了一定数量的调度操作 - 有没有办法增加这个默认数量？

我正在尝试开发一个简单的 chrome 扩展，该扩展连接到在选项卡的页面中运行的现有 redux 商店。

我有一个使用 v3 清单运行的 helloworld chrome 扩展。

我的弹出窗口的 html 如下所示：

问题来自尝试从 redux-devtools 插件加载 js。

拒绝加载脚本“chrome-extension://lmhkpmbekcpmknklioeibfkpmmfibljd/js/redux-devtools-extension.js”，因为它违反了以下内容安全策略指令：“script-src 'self'”

我的清单文件内容安全配置如下：

但我真的很难理解我需要做什么才能允许加载这个脚本。

谁能建议我应该尝试什么？