问题标签 [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.
javascript - react-redux 开发人员工具在扩展栏上处于非活动状态,并且不显示应用程序的状态
我刚刚完成了 redux-tutorial 并尝试在 redux-devtools 中查看状态。但是 redux-devtools 在扩展栏中处于非活动状态,当我单击它时,它会显示“向右、向左等”菜单。当我选择其中一个选项时,它会以不存在的状态显示数据。这是我的 index.js 文件
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:
这里是否缺少任何依赖项?
谢谢
angular - 如果没有 redux devtools 扩展,带有 NgRx 的 Angular 应用程序无法正常工作
如果我禁用了 redux devtools,则应用页面无法正确呈现,直到我单击页面内的任意位置。它不会在我的控制台上显示任何错误。
我的商店模块是
reactjs - redux 状态在导航或浏览器后退按钮后恢复到以前的状态
我有一个用 react 和 redux 构建的简单的“post-like”应用程序。当用户登录时,他应该看到一个导航栏,当他没有登录时,他应该看到另一个。
我正在使用 redux-devtools 来跟踪状态变化。
问题是,当我登录时,我设置了一个本地存储令牌,而当我注销时,我将该令牌设置为空。这种方法效果很好,当我单击注销时,我在 redux devtools 中看到令牌是假的null
,user_authenticated
但是当我返回主页或单击浏览器后退按钮时,它会恢复到login
状态,然后我可以查看令牌值并is_authenticated
设置为 true。
当我刷新页面时,我得到了我想要的行为,即用户注销,令牌设置为 null,然后is_authenticated
设置为 false。
奇怪的是,如果我这样做console.log(store.getState())
,我会在那里获得更新/预期的状态,但 devtools 显示以前的状态,页面甚至表现得像以前的状态。
登录也是如此,在导航中来回切换会让我回到我第一次访问该页面时的旧状态。
退出后返回主页后,从我的 redux-devtools 中状态。
store.getState()
从注销移回后,在同一页面上的状态
下面列出了我的一些组件:
路由.js
索引.js
user_reducer
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/*"] }
)但我想在任何地方使用扩展。所以我确信有另一个正确的解决方案可以做到这一点,但我仍然没有找到它。
react-native - 反应原生 Redux-DevTools-Extension 不起作用
我在用着 :
这就是我的 redux 商店的样子:
我阅读了文档并按照它所说的做了一切,但我无法让它工作,并且 chrome 扩展没有显示 redux 状态。
我从redux-devtools-extension ducimentation尝试了 soultion 1.1 和 1.3,但没有任何改变。我也读过这个、这个和这个,但没有一个是有帮助的。我怎样才能让它工作?