React Native安卓真机调试

最新推荐文章于 2024-04-18 09:35:26 发布

原创最新推荐文章于 2024-04-18 09:35:26 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react #react native

React Native 专栏收录该内容

4 篇文章

订阅专栏

开启手机USB调试（在设置->更多设置->开发者选项->USB调试），同时打开USB安装（一定要打开USB调试开关，否则会报错）
检查真机跟电脑是否连接成功

命令为：

adb devices

结果为:

14ed2fcc device

则真机跟电脑连接成功

react-native run-android

在此过程中会弹出安装提示，要确认通过安装才可进行安装

通过真机上的menu按键或者摇晃手机会出现一个菜单，然后选择"Debug JS Remotely"选项，即可以开始在 Chrome 中调试 JavaScript 代码。点击这个选项的同时会自动打开调试页面 http://localhost:8081/debugger-ui.
在vscode上运行：在vscode中安装React Native Tools插件，然后按F1,输入react选择在Android设备上运行即可，也可以使用命令react-native run-android
在vscode上调试：按F5进入调试，在设置文件launch.json中配置：

{
     "version": "0.2.0",
  "configurations": [
      {
      "name": "Debug Android",
      "program": "${workspaceRoot}/.vscode/launchReactNative.js",
      "type": "reactnative",
      "request": "launch",
      "platform": "android",
      "sourceMaps": true,
      "outDir": "${workspaceRoot}/.vscode/.react"
    },
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8081/debugger-ui",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

然后按下debug就可以进行断点调试了