问题标签 [react-devtools]

使用 React 开发工具和 Profiler，有没有办法启动分析器并重新加载页面？类似于 Chrome 开发工具的按钮来开始分析和重新加载页面。

目前，如果我启动探查器并刷新页面，它将停止探查器。

当我在电子中打开 React devtools 时，它可以工作，但它没有Profiler选项卡。

据我所知，我已经更新了扩展程序，electron-devtools-installer但这似乎没有任何区别。

我正在使用react 16.5.0和react-dom 16.6.3

在构建/调试 Microsoft 插件时是否可以使用 React Devtools？

我试过的：

我尝试将 React devtools 设置为独立应用程序。

1. npm i -g 反应开发工具
2. 反应开发工具
3. 将<script>标签复制到我的代码中。

结果是独立的 react-devtools 应用程序打开了，但它没有连接到 React。

我使用 react-devtools Chrome 扩展。当我使用钩子 (useState) 设置状态以将对象设置为状态时，状态的实际设置似乎工作正常。然而，在 devtools 中，该状态对象显示 Hooks > State 有内容 ({...})，这也意味着该内容是可访问的。当我点击“展开”（向下箭头图标）时，什么也没有发生；我无法查看对象的条目。我是否遗漏了什么或者 devtools 不能与钩子一起使用？

Tl:dr 我如何使用 react-devtools 来查看 Hooks 状态？

我使用 react-devtools 独立包来分析我的反应原生应用程序。与官方 devtools 文档中显示的不同，在我的 devtools 中，火焰图中的每个条形上都有两个数字。

这两个数字分别是什么意思？

与 Electron 一起使用时，React 开发人员工具中似乎没有启用React Profiler插件。

我尝试了以下方法但没有成功：

• 在开发人员模式下捆绑应用程序并使用 file协议加载它，而不是http
• 使用electron-devtools-installer包
• 遵循 Electron 文档中的DevTools 扩展指南
• 将 React 更新到最新版本

我可以让分析器插件工作的唯一方法是通过加载应用程序http://localhost:8080，但这显然不是理想的，因为我不能使用 Electron API。

这是在我的 Electron 应用程序中打开 React Developer Tools 时的外观。

我目前有一个反应应用程序，其中有一些处理 redux 操作的异步函数。所有这些操作都包含在此Act函数中，以确保记录任何意外错误，并将更用户友好的错误发送到 UI 代码，然后将其显示给用户。

这工作正常，但有时 console.trace不足以让我意识到出现了我没想到的错误，要么是因为错误永远不会进入 UI，要么

我真正想做的是，当在这些操作中引发意外错误并且开发模式处于打开状态时，它将显示错误覆盖，如果这是一个浮动承诺，则会显示该错误覆盖

我尝试使用reportRuntimeErrorfrom react-error-overlay 但我显然没有正确导入它，因为它被记录为undefined：

我尝试npm install @types/react-error-overlay了无法找到该模块的类型定义，我不清楚这是否是尝试执行此操作的正确位置。

有没有办法显示最初抛出的错误，然后返回另一个由 UI 代码处理的错误？

我在React Docs中读到：

React DevTools 现在支持 React Hooks。React 的最新 Flow 和 TypeScript 定义也支持它们。我们强烈建议启用一个名为 eslint-plugin-react-hooks 的新 lint 规则，以实施 Hooks 的最佳实践。默认情况下，它将很快包含在 Create React App 中。

然后我将 React 更新到 16.8 并开始使用钩子。但是在我的第一个组件中完成之后，我无法使用 React 开发工具正确检查它们（见下图）useState()。useContext()

有没有解决的办法？

我想连接到 react-devtools。我稍后安装它。我更改：在 android 模拟器上按 cmd +m Dev Settings > Debug server host & port for device >"localhost:8097" 因为 react-devtools 连接端口 = 8097。完成所有更改后，react devtools 显示“正在连接到 React .....单击此处获取故障排除说明”此链接不起作用！我该怎么办？谢谢你的帮助....

我使用 react-native run-android 执行项目，在另一个终端中，我这样做：

npm 运行反应开发工具

它打开了电子的新窗口，上面写着：

它将在几秒钟内打开的本机应用程序...

但什么也没发生。

我用 Ctrl + m 放入模拟器切换检查器，我可以在网络中看到它向http://localhost:8097发出请求，结果是它无法连接并继续尝试相同的结果。

devtools 无法连接到模拟器，它写连接...并显示故障排除链接，但链接不起作用。使用 devtools 中的 ctrl shift i，我可以理解错误是由于 backend.js 而无法连接。有谁能够帮我？