网站css图标大小/b站视频推广网站
React Native开发环境配置
React Native——第一个示例
React Native第一课
新手提问前先来这里看看-react-native的常见问题
总体上按照官方教程一步一步走,以下对我踩过的部分坑说明一下。
// 安装react-native-cli
npm install -g react-native-cli
// 初始化项目
react-native init AwesomeProject
npm即node package manager,安装react-native-cli需要的工具;-g?不知道什么意思; react-native-cli:开发React Native的命令工具,第三方的js包
关于
react-native init AwesomeProject
之后出现The tools version "2.0" is unrecognized. Available tools versions are "4.0".
或者无法识别工具版本“2.0”。可用的工具版本为 "4.0"。
的问题。
需要安装Visual Studio2013或者Visual Studio2015,如果使用Visual Studio 2015,需要设置npm comfig set msvs_verison 2015 --global
. (12G的大软件,呵呵…)上述问题解决之后,执行react-native init AwesomeProject不会再出错,但是不翻墙的会极其慢,我知道的一个下午运行到下班都没出来。所以请翻墙
关于
Caused by: android.system.ErrnoException: recvfrom failed: ECONNRESET (Connection reset by peer)
相关错误:
Android 真机调试
示例 App 直接部署到真机,红色界面报错,无法连接到 Debug Server。如果是 5.0 或者以上机型,可通过 adb 反向代理端口,将 Mac 端口反向代理到测试机上:
adb reverse tcp:8081 tcp:8081
如果 5.0 以下机器,应用安装到测试机上之后,摇动设备,在弹出菜单中选择 Dev Setting > Debug Server host for device,然后填入 Mac 的 IP 地址(ifconfig 命令可查看本机 IP)
关于修改 DevHelper 来进行和 iOS 一样的开发调试,后续关于热部署时,我会介绍到。
在 Android Studio 中调试开发
我们可能希望在 Android Studio 打开项目,然后编译部署到真机。
这个时候,在命令行启动 Debug Server 即可:
react-native start
参考文档:http://www.csdn.net/article/1970-01-01/2825787关于
Unable to upload some APKs!
问题
参照下图降级gradle版本
关于
could not install *smartsocket* listener
的问题
和genymotion冲突了,在genymotion的设置->ADB里面,选择本地的sdk目录就可以了。
参考链接:https://www.zhihu.com/question/37891167关于在MIUI机型上运行
com.android.ddmlib.InstallException: Failed to establish session
错误。
解决方案:小米手机设置里——-开发者选项———启用MIUI优化关闭
参考链接http://blog.csdn.net/eric_niezhangyu/article/details/51692297