react-devtools：超时无法检查元素

Question

当尝试检查任何模式或覆盖元素时，我遇到了反应开发工具的问题。检查元素时显示超时。

Answer 1

我的问题已通过删除 React Developer Tools 扩展、重新安装并重新启动 Chrome 得到解决。

Answer 2

我遇到了同样的问题，通过关闭当前选项卡并打开一个新选项卡来修复它。

Answer 3

我发现这个答案作为在组件面板中查看结果的解决方法。

如果您使用“组件”面板选择要检查的组件，然后打开“控制台”面板并在控制台中键入

$r

，它将为您提供与组件面板通常提供的相同数据。

Answer 4

我在 Edge 版本 113.0.1774.57 中遇到同样的问题。快速（但临时）的修复方法是打开开发工具，然后硬重置页面+清空缓存。

我注意到当 redux 开始存储太多数据时它会停止。当前端最初提供服务时，扩展可以完美运行。之后它开始逐渐变慢，直到最后崩溃。

Answer 5

这里有同样的问题，尽管当我尝试像这样导入时它有时会起作用：

import { connectToDevTools } from "react-devtools-core";
if (__DEV__) {
  connectToDevTools({
    host: "localhost",
    port: 8097,
  });
}

Answer 6

我发现 Chrome 的 React 工具没有自动打开，可以这么说。我所要做的就是浏览到基于 React 的页面，然后按 F12 调出工具，现在单击 >> 并选择组件。就是这样。现在检查工具可以工作了...我猜它处于关闭状态直到您使用它???