写了一段时间的reactnative,但是始终还停留与逻辑业务,深层次的东西还有很多不理解。的确,RN很牛比,但是IDE的便利还和Java开发IDE有差距。记录下一些关键点。
环境搭建
比较靠谱的环境搭建博客
http://reactnative.cn/docs/0.39/getting-started.html#content
总结下来
- android环境
1、安装android studio(sdk、sdk build tools)
2、配置android环境
3、android模拟器(有手机可以直接忽略)
- Nodejs
1、安装nodejs(安装命令上面连接有)
2、安装Yarn
3、安装react-native-cli 命令行工具
- 辅助工具
1、watch man(热同步,避免动不动就摇一摇 T_T)
常用命令
- react-native run-android
编译apk并安装运行,有错,别慌,用你的studio先跑通
- react-native log-android
代码出了问题?没关系打个日志看看
- react-native start
app打开红屏?server 500?服务没跑起来,怎么会有数据呢。
- npm install
package.json 依赖的包需要install,项目才能跑起来
常见问题
- watchman安装不上
去官网按照流程走,别按照上面帖子里面教程的命令安装。
- run-android编译不过
刚开始这个问题也遇到,而且非常无语,如果是报aapt出错,通过下面帖子解决:
https://stackoverflow.com/questions/33427893/can-not-run-android-sdk-build-tools-23-0-2-aapt
这个实在是太坑了,耽误了半天
- 红屏
红屏的问题太多了,但都会有stack可以查看。先看看server启动情况,再看看提示是不是缺少依赖导致方法报错,再看看是不是自己代码本身报错,或者是不是找不到文件。实在没有办法了,那就google
- 服务挂了
失败原因也比较多,首先可能是进程已经存在,所以需要按照指示,先ps查看8081端口,然后kill 占用进程,再次启动。或者又可能是二进制文件替换或添加导致挂了,一般如替换icon会导致,重启服务就可以恢复正常。或者找不到依赖库,需要通过npm先安装相关依赖。
- Watchman needs your help!
这个地址有答案,经常出现可以考虑写个脚本
https://github.com/facebook/react-native/issues/3199