chrome开发者工具中未显示React标签

Question

我已经安装了React Developer Tools Chrome浏览器扩展。但是我看不到开发人员工具中的React选项卡，而是有名为“ Components”和“ Profiler”的新选项卡。

我重新安装了扩展程序，重新启动了浏览器和计算机，并在chrome：// extensions /下选中了“允许访问文件URL”。我使用react https://reactjs.org/tutorial/tutorial.html导航到了一个URL，但没有出现react选项卡。但是chrome插件（浏览器右上方的反应检测器）指示其中包含react.js。如何显示“反应”选项卡？

我正在使用“反应”：“ 16.8.6”

Answer 1

安装扩展后没有显示，刷新页面也没用。但closing the tab and reopening it again让它对我有用

Answer 2

安装扩展程序后，您的扩展程序旁边（通常是屏幕的右上角）将有一个像原子一样的反应小图标，如果网站不是用 ReactJS 构建的，则此扩展程序标志将显示为灰色，并且DevTools 中不会有菜单。不过，我建议尝试更新 GoogleChrome 并重新安装该扩展程序。有时重新启动计算机会有所帮助。

Answer 3

您看不到React选项卡，因为Facebook更新了React DevTools以包含Components和Profiler选项卡。?? Components选项卡的功能与旧版本中的“反应”选项卡相同。根据描述，

您将在Chrome DevTools中获得两个新标签：“ ??组件”和“ ?? Profiler”。

组件选项卡显示了在页面上渲染的根React组件以及最终渲染的子组件。

从版本可以看出4.0.0。在此处查看发行说明