IT技术 - React 选项卡未出现在 Chrome 开发人员工具中 - 吾爱随笔录

React 选项卡未出现在 Chrome 开发人员工具中

IT技术 reactjs google-chrome-extension google-chrome-devtools react-devtools

2021-04-27 14:26:00

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

我重新安装了扩展程序，重新启动了浏览器和计算机，在 chrome://extensions/ 下选中了“允许访问文件 URL”。我导航到一个带有 react https://reactjs.org/tutorial/tutorial.html的 url并且没有出现 react 选项卡。然而，chrome 插件（浏览器右上角的react检测器）表明其中有 react.js。如何让 React 选项卡出现？

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

4个回答

您看不到 React 选项卡，因为 Facebook 已更新 React DevTools 以包含组件和 Profiler 选项卡。⚛️ Componentstab 的作用与旧版本中的 React tab 相同。从描述来看，

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

Components 选项卡显示页面上呈现的根 React 组件，以及它们最终呈现的子组件。

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

安装扩展程序后，您的扩展程序旁边将有一个类似原子的react图标（通常位于屏幕的右上角），如果网站不是使用 ReactJS 构建的，则此扩展程序标志将变灰并显示DevTools 中不会有菜单。但是，我建议尝试更新 GoogleChrome 并重新安装扩展程序。有时重新启动计算机会有所帮助。

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

安装扩展程序后，我转到 Chrome 扩展程序并启用 React Developer Tools 扩展程序，然后它开始显示。

其它你可能感兴趣的问题

上一篇鲍登直接杂交下一篇react-select：有没有办法删除右侧的按钮来展开列表，至少在异步模式下？