使用夜神模拟器配置React-Native开发测试环境

àì夳堔傛蜴生んèń 2022-04-14 02:36 462阅读 0赞

### 使用夜神模拟器配置React-Native开发测试环境 ###

1.安装Java环境，且必须是Java8版本  
2.安装Node.js  
3.安装webstorm （vscode）  
4.安装夜神模拟器  
需要注意的是，bin目录下面的nox\_adb.exe的版本必须和SDK里面的adb.exe的版本相同  
连接夜神模拟器，adb connect 127.0.0.1：62001  
查看连接设备，adb devices  
5.安装react-native-cli------------------npm install -g yarn react-native-cli  
yarn config set registry https://registry.npm.taobao.org --global  
yarn config set disturl https://npm.taobao.org/dist --global  
6.安装SDK ，安装gradle  
下载相应的platform和tools(buildToolsVersion)的版本  
注意这里可能会提示在jre\\lib找不到tools.jar的问题，解决办法就是将jdk目录lib下的tools.jar赋值到jre目录下的lib中。  
7.创建项目  
react-native init 项目名  
同时在Android目录下配置一个local.properties文件，内容是sdk.dir=C:\\SDk(这里是你的SDK路径，很重要)  
8.调试项目 （很重要）  
1.cd 项目根目录下，  
2.mkdir android\\app\\src\\main\\assets  
3.react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/  
4.react-native run-android （yarn android）

注意事项：  
java版本一定要是Java8，因为其他版本不支持react-native  
nox\_adb.exe的版本一定要和adb.exe的版本一致，不然连接不上夜神模拟器  
一定要配置local.properties，不然可能会报错误，有时候也需要在项目的根目录下配置一个同样的local.properties文件

运行项目后，模拟器上出现一个红色的屏，需要执行adb shell input keyevent 82调出一个设置面板，选择dev settings,选择debug port的选项，将本机ip地址+8081的端口号输进去，然后重新reload或者重新执行react-native run-android。

出现index.android.js\` was not found错误，是因为在执行react-native run-android的之前，缺少执行两个操作步骤：

1.cd到项目根目录，执行mkdir android\\app\\src\\main\\assets，生成一个assets文件

2.执行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/  
这个时候再执行react-native run-android就不会有这个错误了，解决该问题参考https://www.cnblogs.com/honeynm/p/9007072.html