ReactJS chrome 扩展已安装但未显示

Posted 2023-03-07

【中文标题】ReactJS chrome 扩展已安装但未显示

【英文标题】：ReactJS chrome extension installed but not showing up

【发布时间】：2015-01-17 19:16:27

【问题描述】：

有人知道为什么我的开发工具没有显示 ReactJS Chrome 浏览器扩展吗？它已安装，在某一时刻它正在工作。

我在 Mac OS X v 10.7.5 上使用 chrome 版本 39.0.2171.65（64 位）

我阅读了有关此扩展的评论，有人说需要将 React 公开为全局。我正在使用 React NPM： var React = require('react');

【问题讨论】：

你应该设置window.React，请看***.com/questions/26347489/…

【参考方案1】：

我使用的是 http://localhost:3000，我去扩展并重置设置，比如切换它们，它开始为我显示组件和分析器选项卡。我不知道这是一个解决方案，但它对我有用。 . PS 也更新了 chrome 版本。

【参考方案2】：

我刚才遇到了这个问题，为了解决这个问题，我必须打开开发工具 -> 单击开发工具窗口右上角的齿轮图标，然后在最底部的最右侧列中是一个按钮，应该说“恢复默认值并重新加载”点击它。我无法弄清楚它没有出现的确切原因，但它至少可以让反应调试再次工作。

【讨论】：

这是在尝试了其他所有方法之后唯一对我有用的方法。谢谢。

当一切都失败时，问题发布 5 年后，出现了一个堆栈溢出英雄。如果可能的话，我会投 5 票。

【参考方案3】：

安装后重新启动 Chrome 似乎有所帮助，除了其他答案。

我在 Chrome 网上应用店中或单击插件时找不到有关该步骤的任何信息，因此将其留在此处。

【参考方案4】：

我有同样的问题。就像@Siddharth Sharma 说的那样解决了。打开控制台并像下面一样创建一个反应对象。

window.react = ;

【参考方案5】：

在chrome://extensions/ 中选择Allow access to file URLs 作为React Developer Tools 扩展，使用React v0.13.1。我不需要在我的源代码中添加任何内容。

【讨论】：

在较新版本中检查 ⚛️ 组件选项卡和 ⚛️ 探查器选项卡。 Facebook 已更新 React DevTools 以拥有组件和 Profiler 选项卡，它的用途与旧版本中的 React 选项卡相同。

@Shailesh 你应该写这个作为答案。

【参考方案6】：

仅当您在全局范围内将 react 加载到浏览器中时，才会显示 React 扩展。就像@nlgndg 提到的那样，它应该以 window.React 的形式出现

【讨论】：

从其他答案复制粘贴：主要要求是设置了 window.React。如果您使用的是模块系统（就像我使用的是 Browserify）：typeof window !== "undefined" && (window.React = React) 这通常应该在您的主源文件中完成。

我已经对他的答案给予了应有的信任，只是认为它比评论更适合作为每个人都看到的答案。

谢谢，刚刚在控制台中输入了 window.React = ，除了审核选项卡之外，Chrome 开发工具中的 React 选项卡变得可见。