已安装ReactJS chrome扩展但未显示

Gia*_*Elk 15 google-chrome-extension google-chrome-devtools reactjs

任何人都知道为什么ReactJS Chrome浏览器扩展程序没有为mein dev工具显示?它已安装,有一点它正在工作.

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

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

Gia*_*Elk 40

chrome://extensions/选择Allow access to file URLsReact Developer Tools扩展,使用反应过来v0.13.1.我不需要在源代码中添加任何内容.

  • 检查较新版本中的 ⚛️ Components 选项卡和 ⚛️ Profiler 选项卡。Facebook 已更新 React DevTools,使其具有组件和分析器选项卡,其用途与旧版本中的 React 选项卡相同。 (2认同)

kru*_*kid 36

我在 Chrome 100 上就遇到了这种情况。重新加载页面、重新打开 DevTools 面板、打开/关闭扩展程序、重新启动浏览器并关闭其他应用程序窗口都没有帮助。

对我来说解决这个问题的是: CMD+SHIFT+P并从命令面板中选择“重新加载 DevTools”。对于非 Mac 电脑,可能是CTRL+SHIFT+P.


And*_*ntt 15

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

  • 在尝试了其他所有方法之后,这是唯一对我有用的方法。谢谢。 (4认同)
  • 当一切都失败时,问题发布 5 年后,出现了一个堆栈溢出英雄。如果可能的话我会投 5 票。 (2认同)

Dhr*_*gar 13

仅当您在全局范围内将反应加载到浏览器中时,才会显示React扩展.像@nlgndg提到的那样它应该作为window.React存在

  • 谢谢,只需在控制台中键入window.React = {},并在审核选项卡旁边的chrome dev工具中显示React选项卡. (6认同)

Voy*_*Voy 6

除了其他答案之外,安装后重新启动 Chrome似乎也有帮助。

我在 Chrome Web Store 中或单击插件时找不到有关该步骤的任何信息,因此将其留在这里。