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

时间:2016-02-11 11:42:15

标签: android google-chrome google-chrome-devtools react-native

在Android,真实设备上调试我的react-native应用时,无法在Chrome开发工具中看到React标签。

我按照这里的说明操作: https://facebook.github.io/react-native/docs/debugging.html

  • 我安装了 React dev工具扩展程序并且是最新的(0.14.8)。
  • 我的 Chrome浏览器目前也是最新的(版本48.0.2564.109 m)。
  • 我还确保运行adb reverse tcp:8081 tcp:8081
  • 这些是我package.json中的与React相关的依赖关系

    "react": "^0.14.5", "react-native": "0.19.0", "react-native-htmlview": "0.2.0", "react-native-scrollable-tab-view": "0.3.5", "react-native-scrollview-lazyload": "1.0.4", "react-native-swiper": "1.4.3", "react-native-viewport-units": "0.0.5", "react-redux": "^4.4.0", "redux": "3.3.1", "redux-thunk": "1.0.3"

  • 我也在这个问题中尝试了这个建议:react dev tools not loading in Chrome browser - 没有帮助

如何让标签显示?

1 个答案:

答案 0 :(得分:2)

开发工具目前无法解释here

看起来开发人员正在研究它。