1.创建新项目,react-native init AwesomeProject命令长时间无响应,或报错shasum check failed
react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
另,执行init时切记不要在前面加上sudo
2.报错:Invariant Violation:Application XXXX has not been registered
确保index.android.js中的AppRegistry.registerComponent('项目名',() => ...);
与MainActivity.java中的
mReactRootView.startReactApplication(mReactInstanceManager,"项目名", null);
都保持一致。
3.IDE选择问题
WebStorm,最新版对JSX、flowtype等语法支持均非常优秀,对于Android Studio熟悉的开发人员建议用WebStorm。
Sublime,插件系统非常强大,因此如果愿意折腾的话,是个非常不错的选择。
另外虽然主要的业务逻辑是使用js开发,但仍然要依赖于原生的编译/调试环境,所以你还需要同时运行Xcode(iOS)或Android Studio(android)等。
4. could not get batchedbridge, makesure your bundle is packaged correctly
可能是你将之前安装并配置好的apk应用从手机卸载掉,然后重新安装运行,这时候的dev settings 被重置了。
解决方案:运行React-native run-Android或引入到Android Studio中运行,然后摇动手机(Android端),重新配置好IP和端口号,reload
5.报错:Invariant Violation: Element type is invalid
在ES6语法中,require和export default不能直接配对使用。
所以,你要么把
varHello = require('./components/Hello');
改为import Hello from './components'
要么把export defaultReact.createClass({
改为module.exports =React.createClass({
二者选其一,配对使用。
6.对于调试时摇晃手机,页面一直显示Please wait… 浏览器调试插件也没反应情况
查看终端代码报错信息,这时的终端进度不显示100%,如下图所示,不要一直等待消耗时间,关掉终端,重启app重新start项目
7.对于替换项目中的图片,终端每次都显示如下图所示Log,好多地儿报乱码
可能是目前React Native还不是特别成熟,还是因为图片名字不换,但是图片本身更换了,会被识别错误。
关闭终端,杀掉app,重新来,目前网上没有查到有关说明,不知道有没有更加快捷的办法
8.利用Navigator集成页面跳转逻辑后不生效或者报错
可能是目前React Native还不是特别成熟,先尝试reload如果不生效关闭终端,重新start项目。
9.适配相关方法
letDimensions = require('Dimensions');
letPixelRatio = require('PixelRatio');
lettotalWidth = Dimensions.get('window').width;
lettotalHeight = Dimensions.get('window').height;
letpixRatio = PixelRatio.get();
10.修改8081默认端口号的两种方式
(1)启动项目时react-native start --port 8083
(2)手动修改项目下的node_modules\react-native\local-cli\server\server.js下的方法server.js文件,如下图所示。
11.invariant violation:expected acomponent class,got[object object]
创建自定义组件首字母要大写,否则会报错.
12.Module 0 is not a registeredcallable module.
将gradle升级成最新版本cd进入android目录执行:sudo./gradlew clean) 或者通过android studio工具升级.
13.android.view.WindowManager$BadTokenException:Unable to add window -- token null is not valid; is your activity running?
该错误属于安卓Native的错误,如果引用的Activity不存在或者已经销毁,再次引用就会报该错误,如果是React Native 调用原生控件的话,创建控件需要引用:getCurrentActivity()
14.android.app.Application cannot becast to com.facebook.React.ReactApplication
需要将创建的MainApplication在AndroidManifest.xml配置好.
15.Element type is invalid: expecteda string (for built-in components) or a class/function but got: object
发生原生一般是你引用了无效的组件,如果组件确实正确,看下引用的组件是否正常导出:(export defalut)
16.react native undefined is not an object (evaluatingthis....
发生该错误的一般是忘记bind(this),只要回调函数中需要用到this的,一般都需要bind.
17.react native - expected acomponent class, got [object Object]
该错误可能是你引用了小写的组件,组件首字母一定要大写,比如<login/>应该写成<Login/>
18.Exception in native call from JS
Java.lang.RuntimeException:ReferenceError: Can’t find variable: __fbBatchedBridge
请检查你的手机或者模拟器是否和你的React Native服务端在同一个局域网内。
19.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中参数只有一个,所以检查参数,比对上即可。
20.com.facebook.react.bridge.NativeArgumentsParseException:TypeError: expected dynamic type string', but had typeobject’ (constructingarguments 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
未完待续……