M1设备React Native集成expo-av构建Android时CMake任务失败

问题详情 #

切换到M1设备后，在React Native项目中集成expo-av时，执行npx react-native run-android出现Android构建错误，核心报错如下：

> Task :expo-av:configureCMakeDebug[arm64-v8a] FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':expo-av:configureCMakeDebug[arm64-v8a]'.
> [CXX1405] exception while building Json A problem occurred starting process 'command '/Users/macbook/Library/Android/sdk/cmake/3.18.1/bin/cmake''

项目依赖版本 #

"expo": "^46.0.0",
"expo-av": "~12.0.4",
"react-native": "0.69.6"

系统环境信息 #

执行npx react-native info输出：

info Fetching system and libraries information...
System:
    OS: macOS 12.5
    CPU: (8) arm64 Apple M1
    Memory: 227.61 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 19.0.1 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 7.24.2 - ~/Desktop/project/node_modules/.bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.3 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.1, iOS 16.1, macOS 13.0, tvOS 16.1, watchOS 9.1
    Android SDK:
      API Levels: 29, 30, 31, 33
      Build Tools: 30.0.3, 31.0.0, 33.0.0
      System Images: android-31 | Google APIs ARM 64 v8a
      Android NDK: Not Found
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9123335
    Xcode: 14.1/14B47b - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.17 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.6 => 0.69.6 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Android Studio配置 #

SDK Platforms
  Android Tiramisu (Tiramisu)
    -> Android SDK Platform 33 (installed)
    -> Google APIs ARM 64 v8a System Image (installed)
    -> Google Play ARM 64 v8a System Image (installed)
  Android 12.0 (S)
    -> Android SDK Platform 31 (installed) // 项目build.gradle指定版本
    -> Google APIs ARM 64 v8a System Image (installed)
    -> Google Play ARM 64 v8a System Image (installed)
  Android 11.0 (R)
    -> Android SDK Platform 30 (installed)
  Android 10.0 (Q)
    -> Android SDK Platform 29 (installed)

SDK Tools
  -> 33.0.0 (installed)
  -> 31.0.0 (installed)
  -> 30.0.3 (installed)
  NDK (side by side)
    -> 21.4.7075529 (installed)
    -> 24.0.8215888 (installed) // 项目build.gradle指定版本
  Android SDK Command-line Tools (latest)
    -> Android SDK Command-line Tools (latest)  8.0 (installed)
  CMake
    -> 3.22.1  (installed)
    -> 3.18.1  (installed)
  Android Emulator  31.3.13 (installed)
  Android SDK Platform-Tools   33.0.3 (installed)

已尝试无效操作 #

• 执行cd android/ && ./gradlew clean && cd .. && npx react-native run-android

错误复现步骤 #

1. M1 MacBook上执行：npx react-native init m1project --version 0.69.6
2. 执行npx react-native run-android，项目正常运行
3. 执行npx install-expo-modules@latest
4. 执行npx expo install expo-av
5. 再次执行npx react-native run-android，触发上述构建错误

可行解决方案 #

方案1：指定兼容的CMake版本 #

在项目android/build.gradle中添加CMake版本配置，强制使用已安装的3.22.1版本：

buildscript {
    ext {
        // 其他已有变量保留，新增或修改cmakeVersion
        cmakeVersion = "3.22.1"
    }
    // ... 其他配置
}

若仅需针对expo-av模块生效，可在android/app/build.gradle中添加：

subprojects {
    if (name.contains('expo-av')) {
        afterEvaluate {
            project.android {
                defaultConfig {
                    externalNativeBuild {
                        cmake {
                            version "3.22.1"
                        }
                    }
                }
            }
        }
    }
}

方案2：通过Rosetta运行CMake 3.18.1 #

1. 找到CMake 3.18.1的可执行文件路径：/Users/macbook/Library/Android/sdk/cmake/3.18.1/bin/cmake
2. 右键点击该文件，选择「显示简介」
3. 勾选「使用Rosetta打开」
4. 重新执行构建命令

方案3：配置兼容的NDK版本 #

在android/build.gradle中指定已安装的NDK版本：

buildscript {
    ext {
        ndkVersion = "24.0.8215888"
    }
}

同时在android/app/build.gradle中同步配置：

android {
    ndkVersion rootProject.ext.ndkVersion
    // ... 其他原有配置
}

方案4：清除CMake缓存后重建 #

1. 删除项目目录下android/app/.cxx文件夹
2. 执行cd android && ./gradlew clean && cd .. && npx react-native run-android

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