Reactjs 反应选项卡不';不出现在chrome开发者工具中

Reactjs 反应选项卡不';不出现在chrome开发者工具中,reactjs,google-chrome-extension,google-chrome-devtools,Reactjs,Google Chrome Extension,Google Chrome Devtools,我已经安装了React开发者工具Chrome浏览器扩展。但是我在开发者工具中看不到React选项卡,取而代之的是名为“Components”和“Profiler”的新选项卡 我重新安装了扩展,重新启动了浏览器和计算机,选中了下面的“允许访问文件URL”chrome://extensions/ . 我用react导航到一个url,但react选项卡没有出现。但是,chrome插件(浏览器右上角的react detector)表明其中包含react.js。如何显示“反应”选项卡 我正在使用“reac

我已经安装了React开发者工具Chrome浏览器扩展。但是我在开发者工具中看不到React选项卡,取而代之的是名为“Components”和“Profiler”的新选项卡

我重新安装了扩展,重新启动了浏览器和计算机,选中了下面的“允许访问文件URL”chrome://extensions/ . 我用react导航到一个url,但react选项卡没有出现。但是,chrome插件(浏览器右上角的react detector)表明其中包含react.js。如何显示“反应”选项卡


我正在使用“react”:“16.8.6”

安装扩展后,您的扩展旁边会有一个小的“atom-like-react”图标(通常位于屏幕的右上角),如果网站不是用ReactJS构建的,则此扩展标志将变灰,并且DevTools中不会有菜单。不过,我建议尝试更新谷歌浏览器并重新安装扩展。有时重新启动计算机会有所帮助。

您无法看到React选项卡,因为Facebook已更新React DevTools,使其具有组件和探查器选项卡<代码>⚛️ 组件选项卡与旧版本中的React选项卡具有相同的用途。从

您将在Chrome开发工具中获得两个新选项卡:⚛️ “组成部分”和 "⚛️ 剖析器”

Components(组件)选项卡向您显示了已创建的根组件 在页面上呈现,以及最终呈现的子组件 渲染


这可以从版本
4.0.0
中看到。请参阅上述答案中提到的发行说明,如下图所示,开发工具已被“组件和探查器”选项卡替换。单击Components选项卡中的component name(组件名称)可显示有关该组件的更详细信息,如右侧的道具和状态

在终点站跑步时 npm安装-g服务 然后跑 发球-s型 您将在react开发工具工作的地方找到一个像这样的新本地主机地址。 服务│ │ │ │ - 本地:http://localhost:5000 │ │ - 在您的网络上:│ │ │
│ 已将本地地址复制到剪贴板

安装扩展后,我转到Chrome扩展并启用了React Developer Tools扩展,然后它开始显示


我正在使用最新的chrome版本。甚至react图标(在屏幕右上角)也显示蓝色和黑色,但我在devtools中看不到react选项卡。我还查看了facebook主页,但没有发现itAs提示我在安装扩展后必须重新启动Chrome才能显示其标签。我必须关闭并重新启动Chrome才能看到添加的标签