如何修复Ionic Photo Viewer的Gradle编译错误？

操作流程 #

• 执行安装命令：
  • npm install --save @ionic-native/core
  • npm install com-sarriaroman-photoviewer（基于Capacitor）
  • npm install --save @ionic-native/photo-viewer
• 自行解决了rxjs版本兼容问题（未使用force选项）
• 执行构建同步：ionic build; npx cap sync android; npx cap open android
• 浏览器无法运行（提示依赖Cordova原生组件），改用Android Studio构建时出现错误：

  13:55 Gradle sync failed: Could not find method compile() for arguments [com.commit451:PhotoView:1.2.4] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler. (16 s 923 ms)

解决方案 #

1. 修复插件的Gradle依赖语法 #

错误核心是新版本Gradle已废弃compile关键字，改用implementation/api，但该Cordova插件的配置仍在使用旧语法：

• 打开Android项目中capacitor-cordova-android-plugins/src/main/java/com/sarriaroman/photoviewer路径下的build.gradle文件
• 将所有compile替换为implementation，例如把compile 'com.commit451:PhotoView:1.2.4'修改为implementation 'com.commit451:PhotoView:1.2.4'
• 回到Android Studio重新同步Gradle

2. 替换为兼容Capacitor的图片查看方案 #

com-sarriaroman-photoviewer是较老旧的Cordova插件，对新版本Gradle和Capacitor支持不足，可选择：

• 使用Capacitor生态内维护活跃的原生图片查看插件
• 基于Ionic组件实现Web端图片查看：用Ionic模态框包裹图片，搭配ion-img的缩放功能或第三方Web缩放库（如hammerjs）

3. 确认Gradle版本匹配 #

检查Android项目根目录的build.gradle，确保Gradle插件版本与项目兼容：

• Gradle 7.x及以上完全移除了compile，必须使用implementation/api
• 若坚持使用旧插件，可临时降低Gradle版本到6.x（不推荐，会影响其他依赖兼容性）

内容的提问来源于stack exchange，提问作者Nawat Tsinik Dyami