调试 React-Native 应用程序时如何在 Chrome devtools 中查看 React 选项卡?
How to see React tab in Chrome devtools when debugging React-Native app?
在 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
.
这些是我的 React 相关依赖项 在我的 package.json
:
"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 - 没有帮助
如何才能显示该选项卡?
开发工具目前无法正常工作 here。
看来开发人员正在努力。
在 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
. 这些是我的 React 相关依赖项 在我的
package.json
:"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 - 没有帮助
如何才能显示该选项卡?
开发工具目前无法正常工作 here。
看来开发人员正在努力。