Ionic 6+Capacitor集成phonegap-plugin-barcodescanner安卓编译报错

问题原因 #

你遇到的Could not find method compile()...错误，是因为Gradle 7+已废弃compile依赖配置关键字，改用implementation，但phonegap-plugin-barcodescanner（v8.1.0）的Cordova适配代码仍在使用旧的compile语法，和Capacitor 4+配套的Gradle版本不兼容。

解决方案 #

方案1：改用Capacitor官方条码扫描插件（推荐） #

官方插件完全适配Capacitor生态，无需依赖Cordova，彻底规避Gradle兼容性问题：

1. 卸载旧插件：

npm uninstall phonegap-plugin-barcodescanner @awesome-cordova-plugins/barcode-scanner

2. 安装官方插件：

npm install @capacitor/barcode-scanner
npx cap sync

3. 修改home-page.ts代码适配官方API：

import { Component } from '@angular/core';
import { BarcodeScanner } from '@capacitor/barcode-scanner';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  content: any;

  constructor() {}

  async barcode() {
    try {
      // 申请扫描权限
      await BarcodeScanner.checkPermission({ force: true });
      // 启动扫描
      const result = await BarcodeScanner.startScan();

      if (result.hasContent) {
        console.log('扫描结果：', result.content);
        this.content = result.content;
      }
    } catch (err) {
      console.error('扫描出错：', err);
    }
  }
}

方案2：修复旧插件的Gradle配置（临时方案） #

如果必须保留phonegap-plugin-barcodescanner，手动修改生成的Gradle文件：

1. 打开项目路径下的android/capacitor-cordova-android-plugins/build.gradle文件
2. 找到所有使用compile的代码行，比如：

compile(name: 'barcodescanner-release-2.1.5', ext: 'aar')

3. 将compile替换为implementation：

implementation(name: 'barcodescanner-release-2.1.5', ext: 'aar')

4. 回到Android Studio中重新同步Gradle并构建

注意：每次执行npx cap sync后，该文件会被重新生成，需重复修改，因此不推荐长期使用此方案。

内容的提问来源于stack exchange，提问作者islam elbadawy