记AGP3.2.0与androidx的一个bug

环境

AGP版本:3.2.0

项目support library:Androidx

gradle版本:4.6

起因

接入某广告时发现安卓编译报了一个错误

  * What went wrong:
  Could not resolve all files for configuration ':app:slidemeDebugCompileClasspath'.
  > Failed to transform file 'adslib-hongkongjoygenesis-release-2.3.2168.aar' to match attributes {artifactType=processed-aar} using transform JetifyTransform
     > Failed to transform 'E:\android\home\caches\modules-2\files-2.1\com.iqzone\adslib-hongkongjoygenesis-release\2.3.2168\7077b626befc92f49bce4cad784977c150d66b82\adslib-hongkongjoygenesis-release-2.3.2168.aar' using Jetifier. Reason: The type does not support '.' as package separator! Received '.first(".LM_replay").parentNode.removeChild(L.first(".LM_replay"))'.. (Run with --stacktrace for more details.) To disable Jetifier, set android.enableJetifier=false in your    gradle.properties file.

查找资料发现是AGP3.2.0版本问题中jetifier的bug

获得的解决方案是:1.升级AGP版本 2.修改jetifier的默认引用版本

但使用方案1的话修改成本太高了 :AGP 除了 DSL 之外并没有公开的文档,内部 API 经常变动

因此打算使用方案2 此时发现按照解决方案2在build.gradle配置classpath jetifier版本未生效

 

处理经过

怀疑classpath配置使用插件没生效 测试去掉了AGP的引用发现还能打包

此时怀疑环境变量导致 或 缓存使其可以正常打包 ,经过排查测试,可以确定与这问题无关

最后在buildSrc中发现有使用AGP3.2.0的依赖 猜测可能与这个有关

于是将主包导入AS中发现确实引用有异常的jetifier版本并且是AGP3.2.0自带的

此时将修复的jetifier版本引入buildSrc中 问题解决

处理方法

如果没有使用本地插件或本地插件中未使用AGP的可以在项目中的build.gradle中加入如下代码

dependencies {
        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
        ...
        //TODO: Fix for new jetifier issue. Not be needed in gradle version 3.2.2
        classpath 'com.android.tools.build.jetifier:jetifier-processor:1.0.0-beta02'
        classpath 'com.android.tools.build.jetifier:jetifier-core:1.0.0-beta02'
    }

若有使用本地插件且插件中使用了AGP的就在buildSrc的build.gradle加入如下代码

dependencies {
  ...
  implementation 'com.android.tools.build:gradle:3.2.0'
  //AGP3.2.0中的jetifier有bug 1.0.0-beta02版本修复
  implementation 'com.android.tools.build.jetifier:jetifier-processor:1.0.0-beta02'
  implementation 'com.android.tools.build.jetifier:jetifier-core:1.0.0-beta02'
}

扩展

 

那么我们主包中buildSrc具体是做什么的呢?与主包build.gradle中的classpath使用有什么关系呢?

  什么是buildSrc
  
  摘自 Gradle 文档:当运行 Gradle 时会检查项目中是否存在一个名为 buildSrc 的目录。然后 Gradle 会自动编译并测试这段代码,并将其放入构建脚本的类路径中, 对于多项目构建,只能有一个 buildSrc 目录,该目录必须位于根项目目录中,buildSrc 是 Gradle 项目根目录下的一个目录,它可以包含我们的构建逻辑,与脚本插件相比,buildSrc 应该是首选,因为它更易于维护、重构和测试代码
  
  buildSrc与classpath的关系
  
  在安卓中编译apk过程中需要修改字节码如:加密静态字符串、修改xml文件等操作 就需要使用插件,自定义的本地插件就在buildSrc中进行,而我们更常见的是直接引用classPath使用别人的插件(远程插件)
 

优先级的话是会先处理本地插件编译测试,此时远程插件的修改就不会生效

 

参考:

https://juejin.im/post/5ed3ef906fb9a047bf7070b6
https://github.com/f2prateek/dart/issues/230

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面我将介绍如何使用 Vue 3.2.0 实现一个简单的聊天对话框。 1. 准备工作 首先,我们需要在项目中安装 Vue 3.2.0 和一个 UI 组件库,这里我以 Element Plus 为例。你可以通过以下命令来安装它们: ``` npm install [email protected] npm install element-plus ``` 2. 创建组件 我们先创建一个 ChatMessage 组件来显示聊天消息。在 `src/components` 目录下创建一个名为 `ChatMessage.vue` 的文件,代码如下: ```vue <template> <div class="chat-message" :class="{ 'is-sent': isSent }"> <div class="avatar"> <img :src="avatar" alt="avatar"> </div> <div class="content"> <div class="name">{{ name }}</div> <div class="text">{{ text }}</div> </div> </div> </template> <script> export default { props: { avatar: String, name: String, text: String, isSent: Boolean } } </script> <style scoped> .chat-message { display: flex; margin-bottom: 16px; } .avatar { margin-right: 16px; } .content { flex: 1; display: flex; flex-direction: column; } .name { font-size: 14px; color: #999; } .text { margin-top: 8px; font-size: 16px; } .is-sent .avatar { margin-left: 16px; margin-right: 0; } .is-sent .content { text-align: right; } </style> ``` 这个组件接受四个 props: - `avatar`:头像图片的 URL。 - `name`:发送者的名字。 - `text`:消息文本。 - `isSent`:是否是发送的消息。 我们使用 CSS Flexbox 布局来排列头像、名字和消息文本。 接下来,我们创建一个 Chat 组件来显示整个聊天对话框。在 `src/components` 目录下创建一个名为 `Chat.vue` 的文件,代码如下: ```vue <template> <div class="chat"> <div class="messages"> <chat-message v-for="(message, index) in messages" :key="index" :avatar="message.avatar" :name="message.name" :text="message.text" :isSent="message.isSent" ></chat-message> </div> <div class="input"> <el-input v-model="inputText" placeholder="请输入消息" @keydown.enter="sendMessage" > <el-button slot="append" @click="sendMessage">发送</el-button> </el-input> </div> </div> </template> <script> import ChatMessage from './ChatMessage.vue' export default { components: { ChatMessage }, data() { return { messages: [], inputText: '' } }, methods: { sendMessage() { if (!this.inputText) { return } this.messages.push({ avatar: 'https://i.pravatar.cc/80', name: 'Jack', text: this.inputText, isSent: true }) this.inputText = '' } } } </script> <style scoped> .chat { max-width: 800px; margin: 0 auto; } .messages { margin-bottom: 16px; } .input { display: flex; align-items: center; } </style> ``` 这个组件包含两个子组件: - `ChatMessage`:用来显示聊天消息。 - `el-input`:用来输入和发送消息。 我们使用了 Element Plus 的 `el-input` 和 `el-button` 组件,同时监听了 `keydown.enter` 事件和按钮的 `click` 事件来发送消息。 在 `data` 中,我们定义了两个变量: - `messages`:存储所有的聊天消息。 - `inputText`:存储当前输入框的文本。 在 `sendMessage` 方法中,我们首先判断输入框是否为空,如果是,则直接返回。否则,将当前消息添加到 `messages` 数组中,并清空输入框。 3. 使用 Chat 组件 最后,在 App.vue 中使用 Chat 组件来显示聊天对话框。代码如下: ```vue <template> <div id="app"> <Chat /> </div> </template> <script> import Chat from './components/Chat.vue' export default { name: 'App', components: { Chat } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } </style> ``` 现在,你可以在浏览器中运行这个应用程序,并测试它的功能了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值