夜神模拟器调试运行react native项目

爱被打了一巴掌 2023-07-23 05:53 8阅读 0赞

## 夜神模拟器调试步骤 ##

*  首先初始化项目
 *  然后使用android studio打开项目（打开项目的android目录）
 *  然后在android studio的模拟器选择位置选择打开的模拟器，android studio会自动识别
 *  然后点击运行，会自动执行，并且安装到夜神模拟器
 *  如果出现提示服务错误，需要在android目录下执行：npm start
 *  然后点击菜单刷新提示红屏问题需要设置IP地址：使用 ipconfig/all 查看本机电脑的IP，然后在模拟器的设置中填写IP:8081即可，然后可以使用谷歌浏览器进行debug，刷新或者在android studio中重新执行以下即可

## 下载安装 ##

[下载方式和地址：https://blog.csdn.net/yw00yw/article/details/95069000][https_blog.csdn.net_yw00yw_article_details_95069000]

## 模拟器设置 ##

[查看详细步骤：https://blog.csdn.net/yw00yw/article/details/95211342][https_blog.csdn.net_yw00yw_article_details_95211342]

## 连接方式一（步骤二非必须） ##

**1. cmd进入sdk的platform-tools目录下，运行  
`adb.exe connect 127.0.0.1:62001`**  
`C:\Users\17693\AppData\Local\Android\Sdk\platform-tools`  
2. cmd 打开夜神模拟器安装位置bin目录，并执行以下代码 ——  
`nox_adb.exe connect 127.0.0.1:62001`  
查看是否启动：`adb devices`  
**3. 如果模拟器上程序出现红色背景报错说明没有连接到node服务器**  
在SDK的platform-tools目录下运行：  
`adb shell input keyevent 82`  
**4. 运行打包即可同步到模拟器中**  
`yarn android`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]  
**5. 调试**  
如果运行后模拟器会红屏报错:Could not connect to development server,如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 1]

*  这时候需要设置模拟器调试的 ip 地址和端口号。双击模拟器菜单键弹出设置选项，选择 dev settings:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 2]

*  接着选择 Debug server host & port device:  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 3]
 *  然后输入自己的 ip 地址和端口号并确定：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 4]
 *  自己的ip查看方式：cmd中输入 ipconfig/all  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 5]
 *  浏览器控制台调试  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 6]

## 连接方式二 ##

1.  确保打开夜神模拟器，然后执行上述步骤二中的命令
2.  然后在android studio中可以找到模拟器设备，进行连接
3.  如果报错服务问题：需要在android目录下执行`npm start`
4.  然后在夜神模拟器菜单最后面将ip地址和端口添加上(端口：8081)

**上述操作如果提示已经连接，可以在android studio中选择并运行即可**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 7]

## 不能连接服务错误 ##

1.  可以在项目目录的android目录下执行 `npm start`执行即可
2.  或者直接在项目根目录下`yarn android`会自动打开服务
3.  然后同上设置IP地址和端口号  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 8]

[https_blog.csdn.net_yw00yw_article_details_95069000]: https://blog.csdn.net/yw00yw/article/details/95069000?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158623034619724848312821%2522%252C%2522scm%2522%253A%252220140713.130056874..%2522%257D&request_id=158623034619724848312821&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-blog_SOOPENSEARCH-1
[https_blog.csdn.net_yw00yw_article_details_95211342]: https://blog.csdn.net/yw00yw/article/details/95211342
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]: /images/20230528/6b38d8d5c429459eb990731ca0ee20a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 1]: /images/20230528/ac90dc095a65425db0162503e7b19504.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 2]: /images/20230528/c5d2b67ddee24dd6a29867c1f4eaae8b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 3]: /images/20230528/29ce26f7aa7b4564b99d7826fd24f966.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 4]: /images/20230528/c072db7077d6464d8dcc96af4c765cf6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 5]: /images/20230528/6e27b3cb3e8c4a1abe527b993d68faa7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 6]: /images/20230528/c53262be73d340559b8d273db471dabb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 7]: /images/20230528/14fe8acd7c7843908046cf051f879df5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 8]: /images/20230528/02f5dce65e714f9bb3ee1d2d050e7faa.png