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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

如果您使用“组件”面板选择要检查的组件，然后打开“控制台”面板并$r在控制台中键入，它将为您提供与组件面板通常提供的相同数据。

Answer 4

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

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