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

Posted 2023-02-19

【中文标题】调试 React-Native 应用程序时如何在 Chrome devtools 中查看 React 选项卡？

【英文标题】：How to see React tab in Chrome devtools when debugging React-Native app?

【发布时间】：2016-05-22 04:11:49

【问题描述】：

在 android、真实设备上调试我的 react-native 应用时，在 Chrome 开发工具中看不到 React 选项卡。

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

我安装了

React 开发工具扩展

并且是最新的 (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"

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

如何让标签显示出来？

【参考方案1】：

开发工具目前无法正常工作，正如 here 所解释的那样。

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