[React Native] VS Code 调用模拟器(虚拟机/仿真器)开发调试

目录

前置条件

启动模拟器

检查进程是否存在

VS Code 配置模拟器开发调试

第一步

第二步

第三步

配置常见报错解决方案

报错1

报错2

---

前置条件

启动模拟器

因为 VS Code 自身无模拟器, 所以需要借助第三方模拟器,如Android Studio的模拟器, Genymotion的模拟器;

不会调用模拟器的请点传送门>>> 调用 Android Studio模拟器 / Genymotion模拟器 教程

检查进程是否存在

启动模拟器后,切换到工程目录下命令行检查模拟器进程是否存在

//存在
PS E:\AwesomeProject> adb devices
List of devices attached
192.168.68.101:5555     device

//不存在
PS E:\AwesomeProject> adb devices
List of devices attached

VS Code 配置模拟器开发调试

第一步

安装React Native Tools, 重启VS Code

第二步

添加配置, 选择React Native

第三步

[F1]或[Ctrl + Shift + P]唤出命令行 执行 React Native Run Android on Simulator /  React Native Run Ios on Simulator

*以上操作等同于命令行输入: react-native run-android

以下是用安卓演示;*tips: on Simulator是在模拟器中运行, on Device是在已连接设备中执行;

 

---

配置常见报错解决方案

报错1

[Info] local.properties 文件不存在。请使用路径中的 Android SDK 位置。

[Info] 正在启动 React Native 包生成工具。

info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.

[Error] 未能在 Android 中运行应用程序 (error code 104): EISDIR: illegal operation on a directory, read

解决办法: 删除根目录的node_modules包, 重新npm install, 还不行, 请重复删除包再安装

                不要使用cnpm install / cnpm i / npm i

 

报错2

[Error] 未能在 Android 中运行应用程序 (error code 104)

Stack: Error: 未能在 Android 中运行应用程序 (error code 104): 执行命令 react-native.cmd run-android --no-packager 时出错: 执行命令 react-native.cmd run-android --no-packager 时出错 (error code 101)

解决办法: 请按照文章一开始的前置条件启动Simulator(模拟器),并检查进程是否存在

                 然后vs code 左下角重置一下React Native包, 再执行文章第三部即大功告成了