美文网首页react nativeReactNative
React Native 错误解决记录

React Native 错误解决记录

作者: Castiel_Z | 来源:发表于2018-04-08 11:02 被阅读2090次

    1  java.lang.RuntimeException: Error calling AppRegistry.runApplication

    解决:关闭node服务端,重新运行项目react-native run-android

    分析: 从日志最后一行Could not get BatcheBridge,make sure your bundle is packaged correctly可知,是bundle未正常加载,这种情况一般是node服务未启动,或者客户端的网络环境访问不到node服务端。

    2 npm ERR! errno -4048

    解决:

    方法一:1)以管理员权限运行 npm install

    方法二:1)清空缓存:npm cache clean --force

                   2)npm install

    3  If you want to render content on top of the image, consider using aboslute positioning

    报错代码:

    修改后

    4 java.lang.NoSuchFieldError: No instance field forceOldAnimationCode of type Z in class ...

    解决:升级gif 加载库版本到1.0.1(React Native官网所指示的最新版本)

    分析:React-Native 版本升级导致。参照 React-Native 官网文档,升级 com.facebook.fresco:animated-gif 到最新注意:是 React-Native官网所使用的最新版本,而不是git上 fresco的最新版本。

    5 使用webview加载html乱码问题

    之前:

    之后:

    6 百度地图无法定位 :galaxy lib host missing meta-data,make sure you know the right way to integrate galaxy

    分析:百度地图注册签名中使用的Sha1值与打包使用的Sha1值不一致导致

    解决:在build.gradle中配置正确的签名

    查看本机android默认签名秘钥信息

     1)进入目录: C:\Users\用户名\.android

     2)查看默认签名信息:打开cmd窗口,运行命令,keytool -list -v -keystore debug.keystore

    7 Native module VectorIconsModule tried to override VectorIconsModule for module name RNVectorIconsModule. If this was your intention, set canOverrideExistingModule=true

    解决:找到MainApplication.java(android/app/src/main/java/com),里面有有重复的引用,把重复的部分删除就行了

    8 Navigator is deprecated and has been removed from this package. It can now be installed and imported from `react-native-deprecated-custom-components` instead of `react-native

    解决:

      1、cd 当前目录

      2、npm install react-native-deprecated-custom-components --save

      3、在使用到Navigator组件时换成 :NavigationExperimental.Navigator即可

    9 导入react-native-vector-icons报错

    The development server returned response error code: 500URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=falseBody:{"type":"InternalError","errors":[],"message":"Metro Bundler has encountered an internal error, please check your terminal error output for more details"}processBundleResult BundleDownloader.java:242...........

    解决:How to install react-native-vector-icons? - Stack Overflow

    10 使用MediaCodec报错:

    ACodec: [OMX.qcom.video.encoder.avc] storeMetaDataInBuffers (output) failed w/ err -1010

    可忽略,不影响使用

    11、error code ERR_STREAM_WRITE_AFTER_END

    npm 升级到v6.0.1后,运行npm install命令会报这个错误

    这个报错是版本的bug。

    解决办法:

    第一种:降级npm版本(简单办法) , npm i npm@5.7.1 -g 

            ps:具体版本几跟node版本有关,我的node为v9.4.0,安装 npm 5.6.0会失败。

    第二种:https://github.com/zkat/pacote/issues/142(得折腾下)

    第三种:卸载node,npm,重新安装node(官网node 自带了npm)

    12  npm update check failed

    解决:进入c:\users\xxxx\.config目录,设置configstore文件夹权限:设置当前用户为权限所有者,拥有完全控制权限

    相关文章

      网友评论

        本文标题:React Native 错误解决记录

        本文链接:https://www.haomeiwen.com/subject/cyyjgxtx.html