React Native之异常集中营(持续更新...)

这篇博文将会聚集在我学习React Native中遇到的所有问题,一方面是作为记录,另一方面也给正在或是将要学习React Native的同学提供参考,少走一些弯路,多一点信心,持久学习。

一、环境搭建异常

1:sdk工具包

这里写图片描述

从标出来的地方可以看出,需要SDK工具版本是23.0.1,这个简单,开启androidstudio SDK Manager 进行下载吧,这也是在基础配置时我强调的一定要下载这个版本的原因。

下载完在继续运行项目 react-native run-android

2:JAVA_HOME的配置

这里写图片描述

出现这个问题是因为我的环境变量path中直接用的是jdk的安装目录并没有配置JAVA_HOME,这里直接添加一个JAVA_HOME的配置,在填入jdk的安装目录即可。

3 :Unable to upload some APKs异常

这个问题是在5.0以上的真机中会出现 Unable to upload some APKs的问题,这时候我们只需要把项目工程中的android目录中的build.gradle文件中的

dependencies {
        classpath 'com.android.tools.build:gradle:1.3.1'
    }

classpath 中的1.3.1给为1.2.3即可,还要设置android/gradle/wrapper/gradle-wrapper.properties文件的jar包

把distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip改为

distributionUrl=https://services.gradle.org/distributions/gradle-2.2-all.zip

ok 改完再次执行项目:react-native run-android,它会重新下载zip包,又是N等。

在煎熬的等待中,终于下完了,进入真机或是模拟器中查看。

4 :can’t find variable:异常

这个需要你配置下真机IP和端口号,上下多次摇晃手机,会出现一个菜单栏,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口,端口号固定为8081,IP为你的主机ip地址。

ok,返回,再次上下摇晃手机,在菜单栏中,选择Reload JS,是不是感觉OK了呢,你想多了。

5:SyntaxError异常

本以为到这里就ok了,结果,运行一看,好吧,真不舍得我:

Strict mode does not allow function declarations in a lexically nested statement.

这里写图片描述

针对这个异常,下面提供两种解决方案:

方法一:在新建项目时,使用命令react-native init 项目名 –version 0.38.0

方法二:打开工程中node_modules\react-native\Libraries\Core\InitializeCore.js文件找到 112 行,更改function handleError(e, isFatal) 为 var handleError = function(e, isFatal)然后在工程中执行 npm start –reset-cache重新启动

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值