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

javascript - react-redux 开发人员工具在扩展栏上处于非活动状态,并且不显示应用程序的状态

我刚刚完成了 redux-tutorial 并尝试在 redux-devtools 中查看状态。但是 redux-devtools 在扩展栏中处于非活动状态,当我单击它时,它会显示“向右、向左等”菜单。当我选择其中一个选项时,它会以不存在的状态显示数据。这是我的 index.js 文件

0 投票
2 回答
1158 浏览

typescript - 使用 Redux Dev Tools 扩展和 Typescript

我正在将我的项目转换为 Typescript。

这在 JS 中一直对我有用。

但是在 Typescript 中,我遇到了这些错误:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

我怎样才能解决这个问题?

0 投票
0 回答
139 浏览

angular - 如果未安装 redux-devtools Chrome 扩展,带有 redux 商店的 Angular 7 应用程序会抛出错误

我对使用 redux-store 的 Angular 7 应用程序有一个非常奇怪的问题。该应用程序在本地开发环境中运行,没有任何问题。部署到 IIS 网站后,如果您使用 Chrome 访问该网站并安装了Redux DevTools 扩展,它将完美运行。如果您禁用扩展程序(或者如果您根本没有它),控制台错误如下:[Errors][1]
[1]: https://i.stack.imgur.com/FaVx5.png

我不确定这里有什么问题,该应用程序不依赖 Redux DevTools,而且我还有另一个应用程序(但它是 Angular 4),它可以正常工作。

这是我的 package.json:

这里是否缺少任何依赖项?

谢谢

0 投票
1 回答
366 浏览

angular - 如果没有 redux devtools 扩展,带有 NgRx 的 Angular 应用程序无法正常工作

如果我禁用了 redux devtools,则应用页面无法正确呈现,直到我单击页面内的任意位置。它不会在我的控制台上显示任何错误。

我的商店模块是

0 投票
1 回答
737 浏览

reactjs - redux 状态在导航或浏览器后退按钮后恢复到以前的状态

我有一个用 react 和 redux 构建的简单的“post-like”应用程序。当用户登录时,他应该看到一个导航栏,当他没有登录时,他应该看到另一个。

我正在使用 redux-devtools 来跟踪状态变化。

问题是,当我登录时,我设置了一个本地存储令牌,而当我注销时,我将该令牌设置为空。这种方法效果很好,当我单击注销时,我在 redux devtools 中看到令牌是假的nulluser_authenticated但是当我返回主页或单击浏览器后退按钮时,它会恢复到login状态,然后我可以查看令牌值并is_authenticated设置为 true。

当我刷新页面时,我得到了我想要的行为,即用户注销,令牌设置为 null,然后is_authenticated设置为 false。

奇怪的是,如果我这样做console.log(store.getState()),我会在那里获得更新/预期的状态,但 devtools 显示以前的状态,页面甚至表现得像以前的状态。

登录也是如此,在导航中来回切换会让我回到我第一次访问该页面时的旧状态。

退出后返回主页后,从我的 redux-devtools 中状态。

store.getState()从注销移回后,在同一页面上的状态

下面列出了我的一些组件:

路由.js

索引.js

user_reducer

0 投票
2 回答
1441 浏览

redux-devtools-extension - 如何将 Redux Dev Tools Extension 窗口固定到 Chrome 浏览器

如何将 Redux Dev Tools Extension 窗口固定到浏览器底部?如果我单击该图标,它不会锚定到底部,它只是浮​​动。

我只是想出了答案,如果有人遇到同样的问题,我将作为问答发布。

在此处输入图像描述

0 投票
0 回答
401 浏览

javascript - 如何将数据从 Web 应用程序(React)传递到 chrome 扩展(开发面板)

我正在尝试制作类似 Redux devtools 的东西。我想将数据从 React 应用程序传递到 chrome 扩展。数据应该从 React 渲染函数传递,并在扩展中使用响应式重新渲染。我正在尝试在应用程序的窗口中设置变量(函数)以在应用程序内将其用作回调并将消息发送到扩展。现在我有以下架构:

  • 内容脚本连接到扩展chrome.runtime.connect(runtimeId);
  • 内容脚本注入 Web 可访问脚本:
  • Web 可访问脚本设置窗口变量并将消息发送到后台脚本:
  • 后台脚本侦听外部消息: chrome.runtime.onMessageExternal.addListener 并将数据发送到扩展应用程序(面板 devtools)

一切正常,但这个解决方案需要设置 externally_connectable url 和第二个域级别,(现在它只适用于 localhost "externally_connectable": { "matches": ["*://127.0.0.1/*"] })但我想在任何地方使用扩展。所以我确信有另一个正确的解决方案可以做到这一点,但我仍然没有找到它。

0 投票
1 回答
398 浏览

react-native - 反应原生 Redux-DevTools-Extension 不起作用

我在用着 :

这就是我的 redux 商店的样子:

我阅读了文档并按照它所说的做了一切,但我无法让它工作,并且 chrome 扩展没有显示 redux 状态。 chrome redux-devtool-extension

我从redux-devtools-extension ducimentation尝试了 soultion 1.1 和 1.3,但没有任何改变。我也读过这个这个这个,但没有一个是有帮助的。我怎样才能让它工作?

0 投票
3 回答
81 浏览

redux - 如何在 Redux 开发工具(扩展)中查看我的状态?

我无法在 Redux 开发工具中查看我的状态。我将来自 zalmoxisus 的代码添加到我的 createStore 中,但没有显示任何内容。在我的减速器中,我还将状态作为默认值返回(使用 switch 案例),但状态中仍然没有显示任何内容。有人能帮忙吗?

商店代码

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
23 浏览

redux - 需要帮助在 Redux 开发工具中显示和查看状态

我之前发布过,并想我会再试一次,因为我还没有得到这个工作。我试图让我的状态显示在 Redux 开发工具(扩展)上。我已经从 zalmoxisus GitHub 获得了代码,但它似乎仍然无法正常工作。如果有人可以指导我,并且知道如何使用开发工具扩展,那将是一个很大的帮助! 在此处输入图像描述

在此处输入图像描述

在此处输入图像描述