Chrome的react-native应用程序上的Chrome的react开发人员工具未显示React选项卡

Obromios

我已react developer tools在Chrome中安装了该扩展程序,如果我查看扩展程序列表,它会被列为已启用。但是,在顶部菜单栏上,我有Elements,Console,Sources等,没有React选项卡。我可以打开我的本机源文件之一,甚至可以在其中的断点处停止。

在react开发人员工具gihub存储库的自述文件中,它声明

The "React" tab won't show up if React can't communicate with the devtools. When the page loads, the devtools sets a global named __REACT_DEVTOOLS_GLOBAL_HOOK__, then React communicates with that hook during initialization.

(In React 0.11 and older, it was necessary to expose a global called React for the devtools to function.)

You can test this on the React website or by inspecting Facebook.

在我的应用文件夹中,我没有直接使用react,但是我使用的是react-native,相关版本为

react-native-cli: 0.1.10
react-native: 0.21.0

如果我转到react-native站点,则会显示React选项卡,因此可能与我的react-native设置有关。当我检查我的本机应用程序时,如何显示“反应”选项卡?

taifen

当前无法使用devtools中的“ React”标签来检查应用程序小部件。这是由于在devtools插件中评估应用程序脚本的方式发生了变化。它们现在在Web Worker中运行,并且插件未意识到这一点,因此无法与React Native正常通信。

https://facebook.github.io/react-native/docs/known-issues.html#devtools-react-tab-does-not-work

您可以按照github上的建议尝试使用http://nuclide.io/docs/platforms/react-native/#debugging__element-inspector,但我无法使其与RN 0.21一起使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在将React应用程序部署到Heroku后,为什么Chrome React开发人员工具仍然显示红色

来自分类Dev

让React开发人员工具在Chrome中运行

来自分类Dev

React-native开发人员选项未显示在小米手机上安装的移动应用程序中

来自分类Dev

chrome 开发人员工具 - 取消停靠源选项卡

来自分类Dev

Google Chrome开发人员工具已禁用

来自分类Dev

在chrome开发人员工具中调试插件

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

Atom IDE打开Chrome开发人员工具

来自分类Dev

Chrome开发人员工具中的HTTP请求

来自分类Dev

chrome 38屏幕尺寸开发人员工具

来自分类Dev

Google Chrome Web开发人员工具

来自分类Dev

使用Chrome Web开发人员工具的Angular 2 CLI项目中未显示打字稿文件

来自分类Dev

使用Chrome Web开发人员工具的Angular 2 CLI项目中未显示打字稿文件

来自分类Dev

CSS 选择器图像未显示在网站横幅或 Chrome 的开发人员工具窗口中

来自分类Dev

为什么要为每个Chrome应用程序窗口打开一个新的“开发人员工具”窗口?

来自分类Dev

调试React-Native应用程序时如何在Chrome devtools中查看React选项卡?

来自分类Dev

子树和属性断点 Chrome 开发人员工具未捕获转换

来自分类Dev

Chrome开发人员工具来源无法正确显示javascript文件

来自分类Dev

chrome开发人员工具在哪里显示元素的实际计算宽度

来自分类Dev

Chrome开发人员工具-在控制台中显示特殊字符

来自分类Dev

Chrome开发人员工具的突出显示颜色是什么?

来自分类Dev

调试Chrome扩展程序时最小化开发人员工具窗口

来自分类Dev

Mac上的Chrome开发人员工具的键盘快捷键?

来自分类Dev

在Chrome开发人员工具上测试jQuery / JS输出

来自分类Dev

Firefox React开发人员工具停止工作

来自分类Dev

Chrome开发人员工具放大镜已从Chrome 32中消失

来自分类Dev

在Chrome开发人员工具中调整窗口大小时是否显示视口宽度?

来自分类Dev

Chrome网络开发人员工具标签显示Dojo AJAX请求大约需要44年才能完成

来自分类Dev

为什么Chrome开发人员工具有时不显示CSS源代码?

Related 相关文章

  1. 1

    在将React应用程序部署到Heroku后,为什么Chrome React开发人员工具仍然显示红色

  2. 2

    让React开发人员工具在Chrome中运行

  3. 3

    React-native开发人员选项未显示在小米手机上安装的移动应用程序中

  4. 4

    chrome 开发人员工具 - 取消停靠源选项卡

  5. 5

    Google Chrome开发人员工具已禁用

  6. 6

    在chrome开发人员工具中调试插件

  7. 7

    chrome 38屏幕尺寸开发人员工具

  8. 8

    Atom IDE打开Chrome开发人员工具

  9. 9

    Chrome开发人员工具中的HTTP请求

  10. 10

    chrome 38屏幕尺寸开发人员工具

  11. 11

    Google Chrome Web开发人员工具

  12. 12

    使用Chrome Web开发人员工具的Angular 2 CLI项目中未显示打字稿文件

  13. 13

    使用Chrome Web开发人员工具的Angular 2 CLI项目中未显示打字稿文件

  14. 14

    CSS 选择器图像未显示在网站横幅或 Chrome 的开发人员工具窗口中

  15. 15

    为什么要为每个Chrome应用程序窗口打开一个新的“开发人员工具”窗口?

  16. 16

    调试React-Native应用程序时如何在Chrome devtools中查看React选项卡?

  17. 17

    子树和属性断点 Chrome 开发人员工具未捕获转换

  18. 18

    Chrome开发人员工具来源无法正确显示javascript文件

  19. 19

    chrome开发人员工具在哪里显示元素的实际计算宽度

  20. 20

    Chrome开发人员工具-在控制台中显示特殊字符

  21. 21

    Chrome开发人员工具的突出显示颜色是什么?

  22. 22

    调试Chrome扩展程序时最小化开发人员工具窗口

  23. 23

    Mac上的Chrome开发人员工具的键盘快捷键?

  24. 24

    在Chrome开发人员工具上测试jQuery / JS输出

  25. 25

    Firefox React开发人员工具停止工作

  26. 26

    Chrome开发人员工具放大镜已从Chrome 32中消失

  27. 27

    在Chrome开发人员工具中调整窗口大小时是否显示视口宽度?

  28. 28

    Chrome网络开发人员工具标签显示Dojo AJAX请求大约需要44年才能完成

  29. 29

    为什么Chrome开发人员工具有时不显示CSS源代码?

热门标签

归档