React Native Android错误总结

原创 2016年05月31日 10:22:22

错误一

提示:Exception in native call from JS
java.lang.RuntimeException: ReferenceError: Can’t find variable: __fbBatchedBridge
这类错误是刚刚接触RN时容易犯的错误,请检查你的手机或者模拟器是否和你的RN服务端在同一个局域网内。
或者如果你的js文件调试没问题,你可以将JS打包,命令:

react-native bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.android.bundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

index.android.js是我要打包的js,最终生成名称是index.android.bundle,这是我需要的打包后的文件。然后将最终生成的index.android.bundle放入到你的工程文件下面的assets目录下,没有则创建一个。

错误二

提示:Exception in native call from JS
com.facebook.react.bridge.NativeArgumentsParseException: InteractionManager.pushToArticleDetail got 2 arguments, expected 1
这种类似
com.facebook.react.bridge.NativeArgumentsParseException: *.* got * arguments, expected *
这种问题的往往是在Android和JS通信是产生的错误,检查一下你的接口中的参数,例子提示的是InteractionManager.pushToArticleDetail的参数,JS中有两个,而Android中参数只有一个,所以检查参数,比对上即可。

错误三

提示:com.facebook.react.bridge.NativeArgumentsParseException: TypeError: expected dynamic type string', but had typeobject’ (constructing arguments for InteractionManager.pushToArticleDetail at argument index 0)
类似这种提示,往往是接口中参数类型的不匹配,需要注意的是RN接口中参数和Java参数的对应:

Boolean -> Bool
Integer -> Number
Double -> Number
Float -> Number
String -> String
Callback -> function
ReadableMap -> Object
ReadableArray -> Array

将所需的参数类型改成提示类型即可。

错误四

提示: Cannot convert argument of type class java.util.HashMap
at com.facebook.react.bridge.Arguments.fromJavaArgs(Arguments.java:57)
at com.facebook.react.bridge.CallbackImpl.invoke(CallbackImpl.java:29)
at com.zhihui.zbl.modules.InteractionManager.pushToArticleDetail(InteractionManager.java:45)

这种是在Callback中回调的参数有问题,需要了解下Callback和Promise。

Callback和Promise

以下内容原文地址
在react-native中可以通过在java层自定义ReactMethod(https://segmentfault.com/a/1190000004486024)方式给JavaScript调用,这样在JavaScript层就可以直接调用Android中的Native方法.
但在大部分的方法调用中,都需要知道调用方法之后的处理结果是什么,有没有出现异常等情况。JavaScript本身是事件驱动的语言,需在JavaScript中可以使用回调方法来处理函数返回的结果。同样地在react-native中定义了Callback和Promise的接口,用来处理JavaScript调用Java方法的回调。

Callback

Callback是react.bridge中的一个接口,它作为ReactMethod的一个传参,用来映射JavaScript的回调函数(function)。Callback接口只定义了一个方法invoke,invoke接受多个参数,这个参数必须是react.bridge中支持的参数。

Promise

Promise是ES6中增加的对于异步编程和回调更加友好的API(https://segmentfault.com/a/1190000004505028),使用Promise可以更简洁,更灵活地处理回调。
在react.briage中定义的Promise接口,实现了resolve和reject的方法,resolve用来处理正确处理结果的情况,reject用来处理异常的情况。
使用Promise比使用Callback更加的简洁,还能更加灵活的在多线程之间进行切换。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

React Native demo运行报错:Cannot find entry file index.android.js in any of the roots

android运行GaGaMall出现如图错误,怎么弄都不行,index.android.js明明在根目录的,头疼的要死...可是同事那边下的,在npm install后,拷贝过来又行了... ...

初次接触到react-native,遇到的两个失误

初次接触到react-native,遇到的两个错误错误一D:\node\AwesomeProject>react-native run-android Starting JS server... Bu...

记一次在Windows上搭建React Native Android环境踩过的坑

要说最近技术圈什么比较活跃,我想除了动态加载框架和热修复技术之外,非Facebook的React Native莫属了吧,其实RN对IOS的支持比较早,但是Android似乎难产了,直到9月份才刚开源。...

【原】Cannot find entry file index.ios.js [index.android.js] in any of the roots

今天在运行新的React Native项目时,出现了错误。 错误信息如图: 在stackoverflow上搜索了一下,发现很多人遇到过这个问题。React Native的github上也有相应的I...
  • s_521_h
  • s_521_h
  • 2017年08月08日 14:39
  • 1014

我在集成ReactNative过程中踩过的那些坑

1、react-native init 命令创建的项目不能以数字开头 例如react-native init 58RNProject非法,react-native init WubaRNProje...

React Native常见问题汇总(持续更新ing)

1.创建新项目,react-native init AwesomeProject命令长时间无响应,或报错shasum check failed react-native命令行从npm官方源拖代码时会遇...

React-Native android在windows下的踩坑记

坑很多,跳之前做好准备。没有VPN的同学请浏览完本文后慎行。   你需要先安装最新版本的node.js(我最后使用的是v4.1.2),前往官网下载>> 注:我win7已经安装过Visual St...
  • yczz
  • yczz
  • 2015年10月24日 01:39
  • 9187

【WINDOWS环境 React Native学习】React Native移植原生Android项目及其各种奇葩Bug解决

【WINDOWS环境 React Native学习】React Native移植原生Android项目及其各种奇葩Bug解决,你有多少坑?...

React Native 入坑记录

React Native入坑记

VS2008提示jquery

第一步:vs2008打sp1补丁。点这里下载第二步:vs2008打vsdoc提示补丁。第三步:下载jQuery。点这里下载下黑色框框里头的,不要下min版。红色框框里头的为对应的vsdoc.js。用来...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native Android错误总结
举报原因:
原因补充:

(最多只允许输入30个字)