React Native - 环境搭建
Miaoxingren
6月 13, 2017
环境搭建
基本步骤
- 下载安装python2.x
- 下载安装node
- 下载安装Android Studio
- 环境变量配置
- 安装react-native
- 创建项目
- 模拟机调试项目
- 真机调试
常见问题
npm安装模块失败
设置npm镜像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
环境变量配置
- 添加ANDROID_HOME变量，值为
{pathToAndroid}\Android\sdk - 添加
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools至path变量
SDK版本不匹配
Android SDK Build-Tools必须是23.0.1这个版本。
错误信息：
You have not accepted the license agreements of the following SDK components: [Android SDK Platform 23, Android SDK Build-Tools 23.0.1]. Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager.
解决方法：
- 在$ANDROID_HOME/tools/bin文件夹下启动命令行cmd
- 执行命令
$ sdkmanager --licenses - 接受所有license
真实设备白屏
如果真实设备白屏但没有弹出任何报错，可以在安全中心里看看是不是应用的“悬浮窗”的权限被禁止了。
真实设备红屏
APP红屏报错，是因为APP不能够正确访问PC端的开发服务器。
解决方法：
摇晃设备或按Menu键，可以打开调试菜单，点击Dev Settings，选Debug server host for device，输入正在运行packager的电脑的局域网IP:8081（同时要保证手机和电脑在同一网段，且没有防火墙阻拦），再按back键返回，再按Menu键，在调试菜单中选择Reload JS，就应该可以看到运行的结果了。
参考文章