我正在尝试安装和运行 react-devtools。我正在按照本指南执行此操作：https : //github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md

安装似乎没问题：

为了验证它安装正确，我执行以下命令：

然后我转到该目录并验证是否有一个名为 react-devtools 的文件夹。

要打开工具，文档表明我应该这样做：

回到我的项目目录中，我运行以下命令：

它说找不到命令。所以看起来我已经安装了 devtools，但我无法打开它们。我究竟做错了什么？

想知道 Chrome 上的 React Dev Tool 在检查时检测到多个单个字母是否正常？

我试图检查一些网站，以更好地了解优秀的公司如何构建和编写他们的 React 代码，但我所看到的只是诸如此类的东西<t> <y>。

这是我所看到的图像：

https://ibb.co/4gCx7DJ

有人可以解释这是为什么吗？

我正在尝试使用 React Dev Tools 和 Firefox Developer Edition 调试 React 应用程序。我无法将 React Dev Tools 安装到 Firefox 通过 VSCode 启动时使用的配置文件。当我通过在 /Applications 中打开它自己启动 Firefox 时，我已经安装了 React Dev Tools。

但是，当我运行以下launch.json配置文件时，在 FireFox 启动后，首选项 -> 扩展和主题 -> 扩展下没有显示任何扩展。

{
  "name": "Launch localhost",
  "type": "firefox",
  "request": "launch",
  "reAttach": true,
  "url": "http://localhost:3000",
  "webRoot": "${workspaceFolder}"
},

但是，我可以按照此处的说明使用终端启动 Firefox 并将我的调试器附加到它。此配置文件具有 React Dev Tools，并且可以正常运行：

/Applications/Firefox\ Developer\ Edition.app/Contents/MacOS/firefox -start-debugger-server

启动.json：

{
  "name": "Attach",
  "type": "firefox",
  "request": "attach",
  "url": "http://localhost:3000",
  "webRoot": "${workspaceFolder}"
},

但是如何使第一个与launch请求一起工作而不是attach？从阅读来看似乎与个人资料有关

编辑：React devtools“突出显示更新”的重复丢失

如何在 React Devtools V4中启用“突出显示更新” ？

V3中的这个功能非常好。V4 中还有可能吗？

V4 于2019 年 8 月 15 日发布

我注意到，即使在构建了我的 React 项目（使用 npm run build）之后。任何使用 React Developer Tools 的主体都可以查看我的组件状态中的所有详细信息，并且可以临时更改其中的一些详细信息。尽管这些更改只能在该人的浏览器上进行更改，但我不希望其中显示许多信息。敏感数据可能会在我的任何后端数组 JSON 中返回... 请提供有关如何阻止此问题的帮助？

因此，我在Chrome 开发者工具的“性能”选项卡内的“计时”部分成功监控了 React Native 应用程序的性能。