更新RN版本后Android端打包APP问题解决

最新推荐文章于 2024-07-28 19:04:00 发布

举世武双

最新推荐文章于 2024-07-28 19:04:00 发布

阅读量3.6k

点赞数 2

分类专栏： React-Native 文章标签： react-native app打包 android

本文链接：https://blog.csdn.net/qq_33721382/article/details/103483118

版权

在升级react-native至0.61.0后，Android端面临诸多打包问题，包括gradle配置错误、RN API更新、依赖冲突、第三方库版本不兼容等。本文详细介绍了这些问题的种类、原因及解决方案，如更新gradle配置、替换弃用组件、解决依赖冲突，以及处理阿里云推送库和运行闪退问题。

摘要由CSDN通过智能技术生成

1 Android端问题概述

更新RN版本到0.61.0后，打包命令报错，报错原因往往来源于第三方库，因为第三方库的版本还是比较老旧的版本，它们没有适配新android版本或新的构建工具。当我们使用新的构建版本去构建APP时，就会发生很多错误。

2 构建APP的问题种类

2.1 gradle配置不正确

可用init命名初始化一个新RN版本的项目，参考里边的gradle配置，然后更改自己项目的gradle配置。

2.2 RN迭代API或摒弃组件

1、react-native新版本不再支持ListView组件，若项目存在ListView组件的引用会报错。

2、WebView组件（导致APP报错不能正常运行）

错误信息：Invariant Violation: WebView has been removed from React Native. It can now be installed and imported from 'react-native-webview' instead of 'react-native'。

错误原因：新版本react-native剔除了WebView组件，把它放到了react-native-webview库当中。引用WebView组件须从react-native-webview库获取。

3、RN新版本移除了AsyncStorage的API，将其放到了@react-native-community/async-storage库当中。

错误信息：AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/async-storage' instead of 'react-native'. See https://github.com/react-native-community/react-native-async-storage

错误原因：RN新版本移除了AsyncStorage的API，将其放到了@react-native-community/async-storage库当中。

解决办法：

（1）yarn add @react-native-community/async-storage

（2）import AsyncStorage from '@react-native-community/async-storage';