今天在搞react-native环境时,遇到了一些坑,这里记录一下。
首先最重要的一点是一定要按官网一步一步来,不然可能会出现一些奇奇怪怪的问题!
run-ios问题
ios主要是版本问题,就如官网上说的一样,0.45及以上的版本,在run-ios时会出现报错,这里就按官网上给的国内链接来解决。
这里说一下,如果直接run-ios,其实~/.rncache
文件夹里也可能会下载到对应的文件,但是还是基本百分之百报错,找不到boost……什么文件。所以从网盘下载下来后,记得一定要把~/.rncache
文件夹里的文件全替换成自己下载的。
之后init的项目就没问题了。
run-android问题
环境和SDK问题
按官网教程配置好环境。
如果出现这个问题可以在run之后用android studio打开等待初始化完成(打开后如果初始化失败,看log窗口,如果提示要安装什么就点击安装,一般要安装两个。这里安装的东西不是更新gradle!)。(注意一点,studio可能打开会提示更新gradle到3.3,不要更新!)。
gradle和权限问题
gradle默认都是下载2.14.1的,在run-android时可能会出现下载失败或者长时间下载不了,这时就手动去下载。
下载完成后将其放入某个文件夹下,再取出文件路径,用其替换项目中 android/gradle/wrapper/gradle-wrapper.properties
的 distributionUrl。
即distributionUrl=file\:///{路径}/gradle-2.14.1-all.zip
。
mac中调用本地文件时可能会出现权限问题,这时选中你的项目文件夹,右键选择显示简介,拉到最下面,如下图:
先点击小锁,输入密码解锁,然后点击设置图标按钮,选择应用到包含的项目
,确定,点击小锁锁定。接下来可以run啦~
模拟器问题
如果出现这个问题就需要先打开你的模拟器,如果您是用的Genymotion,报错的话有可能是adb设置问题,解决如下图,路径选择您自己的sdk目录。
更新(rn版本:0.53.3)2018.3.6
报错如下:
刚遇到这个问题时一脸懵比,没有有效的报错信息可供参考。
于是,去检查了adb是可以用的,sdk路径也没有问题。
检查模拟器也是连接上了。
经过一番百度 and google并没有什么进展,尝试使用如下命令指定模拟器运行:
终于运行了起来,但是每次都要带参很麻烦。
想到会不会是打开构建文件没有权限导致的没有任何报错,于是在项目根目录执行以下代码:
chmod 755 android/gradlew
对于权限命令不理解的可以点这里
给到权限后执行react-native run-android
,成功运行~
ps:修改权限后 android/gradlew 文件引起了一个问题(虽然文件内容没有变化,但是文件在git上是有变化可以上传的),在另一台window电脑上使用mac修改权限后的gradlew文件引发了如下错误:
可以进入项目android目录执行命令
gradlew clean
,再回到项目根目录执行react-native run-android
即可,相当于重新初始化了gradlew文件。
所以在mac上修改权限后的gradlew就不要上传git了。
如果大家有什么更好的办法,希望评论不吝赐教,十分感谢。