Android Studio 运行 React Native 开发手机App 起步和踩坑

1、参考教程，搭建环境

教程地址：http://reactnative.cn/docs/0.48/getting-started.html

参考视频教程，有如下几点不一样：
（视频教程地址：https://ke.qq.com/webcourse/index.html#course_id=197101&term_id=100233637&taid=1220874518856173&vid=d1417tgg1ez）
1. Chocolatey 不须要安装。
2. 跳过个性化设置，直接打开欢迎界面的配置 Configure -> SDK Manager （也可随后在软件界面的 File -> Settings 中打开）。
只需勾选安装如下三个选项便可。

 

2、使用模拟器调试及报错

一、Your CPU do not support NX. Unfortunately, your computer does not support hardware accelerated virtualization.
在 Android Studio 上启动模拟器，一直处于启动状态。

【解决方法】
新增模拟器时，选择 Other Images，而且选择 ABI 为 arm 的（64位系统必须为 arm64）
 

 

二、Unable to load script from assets 'index.android.bundel'. Makve sure your bundel is packaged corredtly or you're running a packager server.

【其余解决方案】

一、(in project directory) mkdir android/app/src/main/assets
二、react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
三、react-native run-android
https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows
确保如下路径中有这两个文件便可：

 

三、Excecution failde fro task ':app:complieDebugJavaWithJavac'.Could not find tools.jar.

【缘由】
在安装java包时，会遇到两次路径选择，第一次时选择jdk的路径，第二次是选择jre的路径，若是所选择的jdk安装路径和jre的安装路径相同，那么jre包中的内容会覆盖掉jdk中的内容，因此，在你安装完成以后，会发现找不到tools.jar和dt.jar包。

【解决方案】
在安装的过程当中，jdk和jre要安装在不一样的文件下，好比jdk安装在“d:/java/jdk"下面，jre安装在“d:/java/jre"下面。

 

四、could not connect to development server

 【解决方案】
在模拟器中按 Ctrl+M ，打开调试工具(Dev Settings)，点击 Debug server host & port for device，设置为 localhost:8081。 
本身新建的项目经过上述方法解决了，可是另外个公司里开发的项目仍是没解决，一直卡这里了。

 五、Command `yarn add react-native --exact` failed.

从新注册镜像地址

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

 

六、Application xxx has not been registered

【解决方案】
莫名其妙好了……

 

七、Process system isn't responding, Close app or Wait ? 点击两个按钮都没反应。

 【解决方案】

在 Android Studio 中打开项目中的 Android 文件夹，等待几分钟的编译过程后，若提示更新 gradle 插件，则当即更新，而后点击运行，选择相应的模拟器。
模拟器打开后，也会出现这个画面，可是点击 Close app 后就能运行程序，正常使用了。

悲剧是的，后来再次打开，又出现这个状况。
网上看到有人解释说：“这个问题在模拟器上比较常见，意思是system这个进程没有响应，通常是由于模拟器运行速度太慢，致使系统不能启动。建议换个好点的电脑。”
仍是弃用模拟器，转用真机吧……

 

  八、Module HMRClient is not a registerd callable module

【解决方案】

在Dev Setting里面设置正确的IP。
参考文章：http://www.jianshu.com/p/fbcce5159d77

问题是我不知道正确的IP到底该设什么！

做者：gzfgeh
连接：http://www.jianshu.com/p/fbcce5159d77
來源：简书
著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。

 

Tips：

一、建立指定版本的 React-Native 工程

react-native init MyApp --version 0.44.3  （注意版本号必须精确到两个小数点。）

二、修改App名称

通常Android在打包的时候，若是没通过修改，那么应用显示的名称就是咱们在react-native init时设定的名称，那么，如何修改呢？
step1：咱们打开项目的android/app/src/main/AndroidManifest.xml文件能够看到名称的设定：

这说明app的显示名称在@string/app_name中进行了设定。

step2：那咱们直接继续打开android/app/src/main/res/values/strings.xml，便可看到配置中的app_name，修改成你想要的便可，如：

 

三、修改模拟器调试服务地址和端口，及如何同时运行多个React Native项目

http://blog.csdn.net/fengyuzhengfan/article/details/77389953

四、优化 Android Studio 

http://bbs.itheima.com/thread-204217-1-1.html 

申请大内存

installation path\studio64.exe.vmoptions or studio.exe.vmoptions

使用文本编辑器打开，找到起始两行，以下

-Xms128m
-Xmx750m

修改最小值和最大值，建议为

-Xms256m
-Xmx2048m

 

 

3、使用安卓真机调试及报错

 

（一）配置步骤：

参考：http://reactnative.cn/docs/0.50/running-on-device-android.html

配置运行：

一、打开ANDOID_HOME 的环境变量的文件夹下的 /android/sdk/platform-tools 文件夹，在此目录下运行命令 adb reverse tcp:8081 tcp:8081

二、设置手机：开发人员选项 - USB调试 - 勾选

三、将手机经过USB链接上电脑，在电脑上运行命令 adb devices，查看是否已连上。

四、打开项目，运行 react-native run-android 便可在手机安装并打开app（运行方法一 推荐）。

 运行方法二：

一、在 Android Studio 中打开项目中的 Android 文件夹，等待几分钟的编译过程后，若提示更新 gradle 插件，则当即更新。

二、点击运行，在 Select Deployment Target 对话框中选择相应的设备，便可在真机上操做。

 

 

（二）报错及解决方案

一、Android Studio 链接 Android 真机，找不到设备 

 【解决方案】

1.手机连上电脑之后，自动链接手机助手，致使adb被占用，以致于AS没法检测到设备，只要把该手机助手的进程关闭就行了。 
2.当发现adb工具没法使用或出现异常时，能够考虑输入如下命令，从新对adb服务关闭和重启：

adb kill-server
adb start-server

Tips：列出当前与电脑链接的设备：

adb devices

 3.其余解决方案参考 https://www.zhihu.com/question/30588024

 

二、Device supports， but APK only supports armeabi-v7a, x86

【解决方案】

一、重启 Android Studio 

二、项目的 android -> app 文件夹中的 build.gradle 文件，删除如下配置

ndk {
    abiFilters "armeabi", "armeabi-v7a", "x86"
}

参考文章：https://stackoverflow.com/questions/41775988/what-is-the-reason-for-the-error-device-supports-x86-but-apk-only-supports-arm

 

三、Could not connect to development server

【解决方案】

点击菜单或者摇一摇手机，点击Dev Settings后，点击Debug server host & port for device，设置为localhost:8081。