react-native打包报错:Daemon: AAPT2 aapt2-3.2.1-4818971

简介: react-native打包报错:Daemon: AAPT2 aapt2-3.2.1-4818971

笔者在工作开发任务中,最近在进行Android打release包测试时,遇到了如下报错,鼓捣了好久(甚是郁闷),终于解决了。

ReactNative版本环境如下



微信图片_20220609183047.png

问题描述



  • 直接使用react-native run-android运行debug没有问题
  • 在没有添加react-native-spinkit这个第三方库是打包也正常
  • 添加react-native-spinkit第三库,进行run-android debug运行也正常
  • 但是使用cd android && ./gradlew assembleRelease命令打正式包就build失败了

报错信息如下:


微信图片_20220609183119.png


于是开始Google这个错误,

Daemon:  AAPT2 aapt2-3.2.1-4818971-osx Daemon #0

但是各种答案都不能解决这个问题,而且还牵涉出其他的新问题。

思来想去,应该是添加的第三库react-native-spinkit出现了问题,终于在issues中找到了答案。

原来是第三库中的buildTools,compileSdk 和targetSdk的版本和项目中的对应的版本号不一致导致的。

解决方案如下



在项目中androidbuild.gradle文件中的'allProjects'的下方添加如下代码

微信图片_20220609183208.png

allprojects {
    repositories {
                // Add jitpack repository (added by react-native-spinkit)
                maven { url "https://jitpack.io" }
        mavenLocal()
        google()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}
在allprojects下方添加如下代码
subprojects {
        afterEvaluate {
            project ->
                if (project.hasProperty("android")) {
                    android {
                        compileSdkVersion = rootProject.compileSdkVersion
                        buildToolsVersion = rootProject.buildToolsVersion
                    }
                }
        }
    }

打包


添加完成后,重新使用cd android && ./gradlew assembleRelease 命令进行打包就顺利成功的打包了,成功截图如下微信图片_20220609183259.png


目录
相关文章
|
6月前
|
前端开发 JavaScript UED
react实现分片打包
react实现分片打包
88 0
|
2月前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
167 1
|
3月前
|
前端开发
React使用useRef ts 报错
【8月更文挑战第17天】
62 4
|
2月前
|
JavaScript 前端开发 应用服务中间件
本地运行打包好的React、Vue项目
本文讨论了如何本地运行打包好的React和Vue项目,并解决了使用React-Router时Tomcat部署刷新页面导致404的问题,提出了将请求转回index.html的解决方案。
23 1
本地运行打包好的React、Vue项目
|
2月前
|
前端开发 JavaScript 区块链
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总
本文介绍了多个React开发中常见的问题及其解决方案,包括但不限于:1)`useForm`实例未连接到任何`Form`元素的警告及解决方法;2)监听页面滚动事件的实现方式;3)React 18与antd 5.8.6中定制主题的方法;4)React结合antd 4.x版本自定义主题色的步骤;5)解决`ResizeObserver loop`相关报错的技巧;6)处理React设计表单时遇到的CDN资源加载失败问题;7)解决onClick事件传参问题;8)修复类型错误等。每部分均提供详细分析与实用代码示例,帮助开发者快速定位并解决问题。
34 2
|
6月前
|
JavaScript
react+typescript通过window.xxx挂载属性报错的解决方案
react+typescript通过window.xxx挂载属性报错的解决方案
198 0
|
4月前
|
资源调度 分布式计算 前端开发
[已解决]react打包部署
[已解决]react打包部署
31 0
|
5月前
|
前端开发 索引
解决React报错Encountered two children with the same key
解决React报错Encountered two children with the same key
|
5月前
|
前端开发
react怎么做图片报错处理
react怎么做图片报错处理
67 1
|
6月前
|
前端开发 JavaScript Linux
relectron框架——打包前端vue3、react为pc端exe可执行程序
relectron框架——打包前端vue3、react为pc端exe可执行程序
162 1