🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) #1775

fedpre · 2023-09-06T07:10:03Z

How were you trying to build the app?

I tried to build my app on Android with npx react-native run-android and it fails.

Full build logs

info JS server already running.
info Installing the app...

> Configure project :react-native-firebase_app
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_app:firebase.bom using default value: 30.1.0
:react-native-firebase_app:play.play-services-auth using default value: 20.2.0
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_app:version set from package.json: 14.11.1 (14,11,1 - 14011001)
:react-native-firebase_app:android.compileSdk using custom value: 33
:react-native-firebase_app:android.targetSdk using custom value: 33
:react-native-firebase_app:android.minSdk using custom value: 26
:react-native-firebase_app:reactNativeAndroidDir /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native/android

> Configure project :react-native-firebase_crashlytics
:react-native-firebase_crashlytics package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/crashlytics/package.json
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_crashlytics:firebase.bom using default value: 30.1.0
:react-native-firebase_crashlytics package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/crashlytics/package.json
:react-native-firebase_crashlytics:version set from package.json: 14.11.1 (14,11,1 - 14011001)
:react-native-firebase_crashlytics:android.compileSdk using custom value: 33
:react-native-firebase_crashlytics:android.targetSdk using custom value: 33
:react-native-firebase_crashlytics:android.minSdk using custom value: 26
:react-native-firebase_crashlytics:reactNativeAndroidDir /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native/android

> Configure project :react-native-notifications
WARNING:DSL element 'dexOptions' is obsolete and should be removed.
It will be removed in version 8.0 of the Android Gradle plugin.
Using it has no effect, and the AndroidGradle plugin optimizes dexing automatically.

> Configure project :react-native-reanimated
No AAR for react-native-reanimated found. Attempting to build from source.
Android gradle plugin: 7.4.2
Gradle: 8.0.1
WARNING:Software Components will not be created automatically for Maven publishing from Android Gradle Plugin 8.0. To opt-in to the future behavior, set the Gradle property android.disableAutomaticComponentCreation=true in the `gradle.properties` file or use the new publishing DSL.

> Configure project :react-native-vision-camera
[VisionCamera] react-native-worklets-core found, Frame Processors enabled!

> Task :react-native-vision-camera:compileDebugKotlin
'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (7, 44): 'RCTEventEmitter' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (13, 28): 'RCTEventEmitter' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (13, 57): 'receiveEvent(Int, String!, WritableMap?): Unit' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (31, 28): 'RCTEventEmitter' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (31, 57): 'receiveEvent(Int, String!, WritableMap?): Unit' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (37, 28): 'RCTEventEmitter' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/CameraView+Events.kt: (37, 57): 'receiveEvent(Int, String!, WritableMap?): Unit' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/core/CameraSession.kt: (209, 9): Variable 'previewOutput' is never used
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/core/RecordingSession.kt: (49, 96): 'constructor MediaRecorder()' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/extensions/CameraCharacteristics+getOutputSizes.kt: (46, 36): 'get(Int, Int): CamcorderProfile!' is deprecated. Deprecated in Java
w: /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/extensions/CameraDevice+createCaptureSession.kt: (92, 12): 'createCaptureSessionByOutputConfigurations((Mutable)List<OutputConfiguration!>!, CameraCaptureSession.StateCallback!, Handler?): Unit' is deprecated. Deprecated in Java

> Task :react-native-vision-camera:configureCMakeDebug[arm64-v8a] FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

See https://docs.gradle.org/8.0.1/userguide/command_line_interface.html#sec:command_line_warnings
530 actionable tasks: 20 executed, 510 up-to-date

info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor 


FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-vision-camera:configureCMakeDebug[arm64-v8a]'.
> [CXX1420] /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/CMakeLists.txt debug|arm64-v8a : Could not read '/Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/.cxx/Debug/491z6bu1/arm64-v8a/configure_fingerprint.bin': While parsing a protocol message, the input ended unexpectedly in the middle of a field.  This could mean either that the input has been truncated or that an embedded message misreported its own length.

* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 17s
error Failed to install the app.
info Run CLI with --verbose flag for more details.

╭─    ~/moveshelf/home-monitoring/HomeMonitoring    144-body-fig…ding-a-video !3 ─────────────────────────────────────────────────────────────── 1 ✘  29s   08:58:33 AM  ─╮
╰─ npx react-native run-android                                                                                                                                                  ─╯
warn Package rn-fetch-blob contains invalid configuration: "dependency.hooks" is not allowed. Please verify it's properly linked using "react-native config" command and contact the package maintainers about this.
info JS server already running.
info Installing the app...

> Configure project :react-native-firebase_app
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_app:firebase.bom using default value: 30.1.0
:react-native-firebase_app:play.play-services-auth using default value: 20.2.0
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_app:version set from package.json: 14.11.1 (14,11,1 - 14011001)
:react-native-firebase_app:android.compileSdk using custom value: 33
:react-native-firebase_app:android.targetSdk using custom value: 33
:react-native-firebase_app:android.minSdk using custom value: 26
:react-native-firebase_app:reactNativeAndroidDir /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native/android

> Configure project :react-native-firebase_crashlytics
:react-native-firebase_crashlytics package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/crashlytics/package.json
:react-native-firebase_app package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/app/package.json
:react-native-firebase_crashlytics:firebase.bom using default value: 30.1.0
:react-native-firebase_crashlytics package.json found at /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/@react-native-firebase/crashlytics/package.json
:react-native-firebase_crashlytics:version set from package.json: 14.11.1 (14,11,1 - 14011001)
:react-native-firebase_crashlytics:android.compileSdk using custom value: 33
:react-native-firebase_crashlytics:android.targetSdk using custom value: 33
:react-native-firebase_crashlytics:android.minSdk using custom value: 26
:react-native-firebase_crashlytics:reactNativeAndroidDir /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native/android

> Configure project :react-native-notifications
WARNING:DSL element 'dexOptions' is obsolete and should be removed.
It will be removed in version 8.0 of the Android Gradle plugin.
Using it has no effect, and the AndroidGradle plugin optimizes dexing automatically.

> Configure project :react-native-reanimated
No AAR for react-native-reanimated found. Attempting to build from source.
Android gradle plugin: 7.4.2
Gradle: 8.0.1
WARNING:Software Components will not be created automatically for Maven publishing from Android Gradle Plugin 8.0. To opt-in to the future behavior, set the Gradle property android.disableAutomaticComponentCreation=true in the `gradle.properties` file or use the new publishing DSL.

> Configure project :react-native-vision-camera
[VisionCamera] react-native-worklets-core found, Frame Processors enabled!

> Task :react-native-worklets-core:configureCMakeDebug[arm64-v8a]
C/C++: CMake Warning:
C/C++:   Manually-specified variables were not used by the project:
C/C++:     HERMES_ENABLE_DEBUGGER

> Task :react-native-worklets-core:configureCMakeDebug[armeabi-v7a]
C/C++: CMake Warning:
C/C++:   Manually-specified variables were not used by the project:
C/C++:     HERMES_ENABLE_DEBUGGER

> Task :react-native-worklets-core:configureCMakeDebug[x86]
C/C++: CMake Warning:
C/C++:   Manually-specified variables were not used by the project:
C/C++:     HERMES_ENABLE_DEBUGGER

> Task :react-native-worklets-core:configureCMakeDebug[x86_64]
C/C++: CMake Warning:
C/C++:   Manually-specified variables were not used by the project:
C/C++:     HERMES_ENABLE_DEBUGGER

> Task :react-native-vision-camera:configureCMakeDebug[arm64-v8a] FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

See https://docs.gradle.org/8.0.1/userguide/command_line_interface.html#sec:command_line_warnings
530 actionable tasks: 32 executed, 498 up-to-date

info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor 


FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-vision-camera:configureCMakeDebug[arm64-v8a]'.
> [CXX1420] /Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/CMakeLists.txt debug|arm64-v8a : Could not read '/Users/federicopregnolato/moveshelf/home-monitoring/HomeMonitoring/node_modules/react-native-vision-camera/android/.cxx/Debug/491z6bu1/arm64-v8a/configure_fingerprint.bin': While parsing a protocol message, the input ended unexpectedly in the middle of a field.  This could mean either that the input has been truncated or that an embedded message misreported its own length.

* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 38s
error Failed to install the app.
info Run CLI with --verbose flag for more details.

Project dependencies

{
  "name": "homemonitoring",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "postinstall": "patch-package",
    "android": "npx react-native run-android",
    "ios": "npx react-native run-ios",
    "start": "npx react-native start",
    "sonarqube-server": "docker run -d -p 9000:9000 sonarqube-arm",
    "test": "jest --coverage --forceExit",
    "sonarqube-scanner": "sonar-scanner",
    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
    "build:android": "npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle && cd android && ./gradlew clean && ./gradlew assembleRelease && ./gradlew bundleRelease"
  },
  "dependencies": {
    "@apollo/client": "^3.5.10",
    "@babel/runtime": "^7.17.9",
    "@kingstinct/react-native-healthkit": "^4.2.0",
    "@react-native-async-storage/async-storage": "^1.18.2",
    "@react-native-firebase/app": "14.11.1",
    "@react-native-firebase/crashlytics": "14.11.1",
    "@react-native-masked-view/masked-view": "^0.2.9",
    "@react-native-picker/picker": "^2.4.10",
    "@react-native/metro-config": "^0.72.11",
    "@react-navigation/bottom-tabs": "^6.5.7",
    "@react-navigation/elements": "^1.3.18",
    "@react-navigation/native": "^6.0.8",
    "@react-navigation/native-stack": "^6.9.8",
    "@react-navigation/stack": "^6.2.0",
    "@sayem314/react-native-keep-awake": "^1.1.0",
    "@types/async-lock": "^1.1.5",
    "apollo-boost": "^0.4.9",
    "async-lock": "^1.3.1",
    "cross-fetch": "^3.1.5",
    "dayjs": "^1.11.2",
    "eslint-plugin-react": "^7.30.1",
    "ffmpeg-kit-react-native": "^5.1.0",
    "graphql": "^15.0.0",
    "install": "^0.13.0",
    "npm": "^8.10.0",
    "patch-package": "^8.0.0",
    "path": "^0.12.7",
    "react": "18.2.0",
    "react-native": "^0.72.4",
    "react-native-animated-stopwatch-timer": "^1.0.2",
    "react-native-camera": "^4.2.1",
    "react-native-csv": "^0.2.0",
    "react-native-device-info": "^9.0.2",
    "react-native-fs": "^2.18.0",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-keychain": "^8.0.0",
    "react-native-mime-types": "^2.3.0",
    "react-native-notifications": "5.0.0",
    "react-native-performance": "^3.0.1",
    "react-native-permissions": "^3.3.1",
    "react-native-qrcode-scanner": "^1.5.5",
    "react-native-reanimated": "^3.3.0",
    "react-native-restart": "^0.0.24",
    "react-native-safe-area-context": "^4.5.3",
    "react-native-screens": "^3.21.0",
    "react-native-splash-screen": "^3.3.0",
    "react-native-svg": "^13.9.0",
    "react-native-udp": "^4.1.7",
    "react-native-ui-lib": "^6.15.0",
    "react-native-vector-icons": "^9.2.0",
    "react-native-vision-camera": "^3.0.0",
    "react-native-worklets-core": "^0.2.0",
    "react-navigation": "^4.4.4",
    "react-usestateref": "^1.0.8",
    "rn-fetch-blob": "^0.12.0",
    "text-encoding": "^0.7.0",
    "uint8arrays": "^3.0.0"
  },
  "devDependencies": {
    "@babel/preset-typescript": "^7.16.7",
    "@react-native-community/eslint-config": "^2.0.0",
    "@types/jest": "^27.5.1",
    "@types/lodash": "^4.14.182",
    "@types/react": "^18.0.24",
    "@types/react-native": "^0.68.15",
    "@types/react-native-vector-icons": "^6.4.13",
    "@types/react-test-renderer": "^18.0.0",
    "@typescript-eslint/eslint-plugin": "^5.17.0",
    "@typescript-eslint/parser": "^5.17.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.32.0",
    "jest-fetch-mock": "^3.0.3",
    "metro-react-native-babel-preset": "^0.76.5",
    "react-test-renderer": "18.2.0",
    "ts-jest": "^28.0.2",
    "ts-node": "^10.7.0",
    "typescript": "^4.8.4"
  },
  "resolutions": {
    "@types/react": "^17"
  },
  "engines": {
    "node": ">=16"
  }
}

Target platforms

Android

Operating system

MacOS

Can you build the VisionCamera Example app?

I can build the VisionCamera Example app.

Additional information

I am using Expo
I have enabled Frame Processors (react-native-worklets-core)
I have read the Troubleshooting Guide
I agree to follow this project's Code of Conduct
I searched for similar issues in this repository and found none.

The text was updated successfully, but these errors were encountered:

barghi · 2023-09-06T09:32:23Z

version 3.0.0-rc10 fixed the problem for me

fedpre · 2023-09-06T18:17:57Z

version 3.0.0-rc10 fixed the problem for me

Still getting the issue. If I disable the frame processor, I am able to build the app. That's a strange error too that I couldn't find any answer online.

lfrallon · 2023-09-07T07:18:26Z

Encountered the same issue, but it turns out that I forgot to update some configs:

Note: Take a look at this issue first. (I used patch-package for this one)

Forgot to update my imports in root `index.js`

import 'react-native-reanimated';
import 'react-native-worklets-core/src'; // for frame processor with react-native-vision-camera@^3.0.0

import {AppRegistry} from 'react-native';
import {GestureHandlerRootView} from 'react-native-gesture-handler';
import {persistor, store} from './src/store';
import {Provider} from 'react-redux';
import {PersistGate} from 'redux-persist/integration/react';
import App from './src/App';
import {name as appName} from './app.json';


const Root = () => (
  <GestureHandlerRootView style={{flex: 1}}>
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        <App />
      </PersistGate>
    </Provider>
  </GestureHandlerRootView>
);

AppRegistry.registerComponent(appName, () => Root);

Updated my `babel.config.js`

module.exports = api => {
  const babelEnv = api.env();
  const plugins = [
    ['react-native-worklets-core/plugin'], // this one 
    ['react-native-reanimated/plugin'], 
    ['@babel/plugin-transform-optional-chaining'],
  ];
  //change to 'production' to check if this is working in 'development' mode
  if (babelEnv !== 'development') {
    plugins.push(['transform-remove-console', {exclude: ['error', 'warn']}]);
  }
  return {
    presets: ['module:metro-react-native-babel-preset'],
    plugins,
  };
};

Based on react-native-worklets-core setup.

package.json

"react-native": "0.72.4",
"react-native-reanimated": "^3.4.2",
"react-native-vision-camera": "^3.0.0",
"react-native-worklets-core": "^0.2.0"

Update

I am now in doubt if I actually did the fix through the process above. After testing something like updating and installing other packages and even deleting the node_modules folder, the issue came back 🤦‍♂️.

Did some cleaning like:
$ ./gradlew clean
But it failed again. It's kinda weird though cause I was able to build it even in prod without the last change 😆

Oh, adding this set(ENABLE_FRAME_PROCESSORS ON) in node_modules/react-native-vision-camera/android/CMakeLists.txt without using patch-package actually works fine.

project(VisionCamera)
cmake_minimum_required(VERSION 3.9.0)

set(ENABLE_FRAME_PROCESSORS ON)
set(CMAKE_VERBOSE_MAKEFILE ON)
...

barghi · 2023-09-07T10:41:24Z

After adding set(ENABLE_FRAME_PROCESSORS ON) to CMakeLists.txt I'm getting this error.
without frameProcessor prop everything works fine, I think there is an issue with react-native-worklets-core.

"react-native-vision-camera": "3.0.0-rc.10",
"react-native-worklets-core": "^0.2.0",
"react-native": "0.72.0",
"react-native-reanimated": "^3.4.2",

babel.config.js

module.exports = {
	presets: ['module:metro-react-native-babel-preset'],
	plugins: [
		['react-native-reanimated/plugin'],
		['react-native-worklets-core/plugin'],
	],
};

karri-lehtiranta · 2023-09-07T11:29:46Z

In my experience, set(ENABLE_FRAME_PROCESSORS ON) actually disables the the frameprocessors instead of enabling them. This is why the build succeed as none of the worklets-core code is imported. The actual problem seemed to be that the CMake is not able to find the worklets-core library during the linking phase (at least for me the actual clang command did not include the worklets-core built library). This can be fixed by adding the direct path to the android/CMakeLists.txt file:

# Link everything together
target_link_libraries(
        ${PACKAGE_NAME}
        ${LOG_LIB}                          # <-- Logcat logger
        android                             # <-- Android JNI core
        ReactAndroid::jsi                   # <-- RN: JSI
        ReactAndroid::reactnativejni        # <-- RN: React Native JNI bindings
        ReactAndroid::folly_runtime         # <-- RN: For casting JSI <> Java objects
        fbjni::fbjni                        # <-- fbjni
 --->"${NODE_MODULES_DIR}/react-native-worklets-core/android/build/intermediates/cmake/debug/obj/${ANDROID_ABI}/librnworklets.so"
)

I think that there might be a cleaner way to do this but I found that this will work so left it at that.
Be sure to remove the set(ENABLE_FRAME_PROCESSORS ON) if trying this.

barghi · 2023-09-07T11:38:16Z

@karri-lehtiranta could you please send your CMakeLists.txt ?

karri-lehtiranta · 2023-09-07T11:46:45Z

project(VisionCamera)
cmake_minimum_required(VERSION 3.9.0)

set(CMAKE_VERBOSE_MAKEFILE ON)
set(PACKAGE_NAME "VisionCamera")
set(BUILD_DIR ${CMAKE_SOURCE_DIR}/build)
set(CMAKE_VERBOSE_MAKEFILE ON)
set(CMAKE_CXX_STANDARD 17)

# Folly
include("${NODE_MODULES_DIR}/react-native/ReactAndroid/cmake-utils/folly-flags.cmake")
add_compile_options(${folly_FLAGS})

# Third party libraries (Prefabs)
find_package(ReactAndroid REQUIRED CONFIG)
find_package(fbjni REQUIRED CONFIG)
find_library(LOG_LIB log)
find_package(react-native-worklets-core REQUIRED CONFIG)


add_definitions(-DVISION_CAMERA_ENABLE_FRAME_PROCESSORS=${ENABLE_FRAME_PROCESSORS} -DVISION_CAMERA_ENABLE_SKIA=${ENABLE_SKIA})


# Add react-native-vision-camera sources
add_library(
        ${PACKAGE_NAME}
        SHARED
        ../cpp/JSITypedArray.cpp
        src/main/cpp/FrameHostObject.cpp
        src/main/cpp/FrameProcessorPluginHostObject.cpp
        src/main/cpp/JSIJNIConversion.cpp
        src/main/cpp/VisionCamera.cpp
        src/main/cpp/VisionCameraProxy.cpp
        src/main/cpp/skia/SkiaRenderer.cpp
        src/main/cpp/java-bindings/JFrame.cpp
        src/main/cpp/java-bindings/JFrameProcessor.cpp
        src/main/cpp/java-bindings/JFrameProcessorPlugin.cpp
        src/main/cpp/java-bindings/JHashMap.cpp
        src/main/cpp/java-bindings/JVisionCameraProxy.cpp
        src/main/cpp/java-bindings/JVisionCameraScheduler.cpp
)

# Header Search Paths (includes)
target_include_directories(
        ${PACKAGE_NAME}
        PRIVATE
        "../cpp"
        "src/main/cpp"
        "${NODE_MODULES_DIR}/react-native/ReactCommon"
        "${NODE_MODULES_DIR}/react-native/ReactCommon/callinvoker"
        "${NODE_MODULES_DIR}/react-native/ReactAndroid/src/main/jni/react/turbomodule" # <-- CallInvokerHolder JNI wrapper
)

# Link everything together
target_link_libraries(
        ${PACKAGE_NAME}
        ${LOG_LIB}                          # <-- Logcat logger
        android                             # <-- Android JNI core
        ReactAndroid::jsi                   # <-- RN: JSI
        ReactAndroid::reactnativejni        # <-- RN: React Native JNI bindings
        ReactAndroid::folly_runtime         # <-- RN: For casting JSI <> Java objects
        fbjni::fbjni                        # <-- fbjni
        "${NODE_MODULES_DIR}/react-native-worklets-core/android/build/intermediates/cmake/debug/obj/${ANDROID_ABI}/librnworklets.so"
)

# Optionally also add Frame Processors here
if(ENABLE_FRAME_PROCESSORS)
    find_package(react-native-worklets-core REQUIRED CONFIG)
    target_link_libraries(
            ${PACKAGE_NAME}
            react-native-worklets-core::rnworklets
    )
    message("VisionCamera: Frame Processors enabled!")

    # Optionally also add Skia Integration here
    if(ENABLE_SKIA)
        set(CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -DSK_GL -DSK_GANESH -DSK_BUILD_FOR_ANDROID")

        find_package(shopify_react-native-skia REQUIRED CONFIG)

        set(SKIA_PACKAGE shopify_react-native-skia::rnskia)
        set(RNSKIA_PATH ${NODE_MODULES_DIR}/@shopify/react-native-skia)
        set (SKIA_LIBS_PATH "${RNSKIA_PATH}/libs/android/${ANDROID_ABI}")
        add_library(skia STATIC IMPORTED)
        set_property(TARGET skia PROPERTY IMPORTED_LOCATION "${SKIA_LIBS_PATH}/libskia.a")
        add_library(svg STATIC IMPORTED)
        set_property(TARGET svg PROPERTY IMPORTED_LOCATION "${SKIA_LIBS_PATH}/libsvg.a")
        add_library(skshaper STATIC IMPORTED)
        set_property(TARGET skshaper PROPERTY IMPORTED_LOCATION "${SKIA_LIBS_PATH}/libskshaper.a")

        # We need to include the headers from skia
        # (Note: rnskia includes all their files without any relative path
        #  so for example "include/core/SkImage.h" becomes #include "SkImage.h".
        #  That's why for the prefab of rnskia, we flatten all cpp files into
        #  just one directory. HOWEVER, skia itself uses relative paths in
        #  their include statements, and so we have to include the path to skia)
        target_include_directories(
                ${PACKAGE_NAME}
                PRIVATE
                "${RNSKIA_PATH}/cpp/skia"
                "${RNSKIA_PATH}/cpp/skia/include/config/"
                "${RNSKIA_PATH}/cpp/skia/include/core/"
                "${RNSKIA_PATH}/cpp/skia/include/effects/"
                "${RNSKIA_PATH}/cpp/skia/include/utils/"
                "${RNSKIA_PATH}/cpp/skia/include/pathops/"
                "${RNSKIA_PATH}/cpp/skia/modules/"
                # "${RNSKIA_PATH}/cpp/skia/modules/skparagraph/include/"
                "${RNSKIA_PATH}/cpp/skia/include/"
                "${RNSKIA_PATH}/cpp/skia"
        )

        target_link_libraries(
                ${PACKAGE_NAME}
                GLESv2                              # <-- Optional: OpenGL (for Skia)
                EGL                                 # <-- Optional: OpenGL (EGL) (for Skia)
                ${SKIA_PACKAGE}                     # <-- Optional: RN Skia
                jnigraphics
                skia
                svg
                skshaper
        )

        message("VisionCamera: Skia enabled!")
    endif()
endif()

The worklets-core import should probably be under if(ENABLE_FRAME_PROCESSORS) but didn't try that as this version worked.

barghi · 2023-09-07T11:53:49Z

Thank you @karri-lehtiranta I will try

barghi · 2023-09-07T12:06:52Z

finally fixed with this line

"${NODE_MODULES_DIR}/react-native-worklets-core/android/build/intermediates/cmake/debug/obj/${ANDROID_ABI}/librnworklets.so"

mrousavy · 2023-09-30T10:15:22Z

Hey - this should be fixed with the latest update in VisionCamera V3 (🥳) - if not, please create a new issue.

If your issue has been fixed, consider sponsoring me on GitHub to say thanks 💖

mrousavy · 2023-09-30T10:15:36Z

I have seen similar build errors in RN Worklets cc @chrfalch

val089 · 2023-10-04T06:11:45Z

finally fixed with this line

"${NODE_MODULES_DIR}/react-native-worklets-core/android/build/intermediates/cmake/debug/obj/${ANDROID_ABI}/librnworklets.so"

It's necessery now?

mrousavy · 2023-10-04T08:46:25Z

Wait whats wrong with that line?

I think this could be a PR to RN Worklets Core to fix it cleaning up, no?

BuiHung1612 · 2023-10-04T09:54:14Z

finally fixed with this line

"${NODE_MODULES_DIR}/react-native-worklets-core/android/build/intermediates/cmake/debug/obj/${ANDROID_ABI}/librnworklets.so"

It's necessery now?

I tried this and it works. But after opening the camera with frameprocessor it crashed.

package.json

"dependencies": {
"react": "18.2.0",
"react-native": "0.72.5",
"react-native-reanimated": "^3.5.4",
"react-native-vision-camera": "^3.2.2",
"react-native-worklets-core": "^0.2.1"
},

babel.config.js

module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
['react-native-worklets-core/plugin'],
'react-native-reanimated/plugin',
],
};

Crash log is below

rodgomesc · 2023-10-04T13:43:55Z

@BuiHung1612 this is a different issue, follow #1776

nnabinh · 2023-10-14T17:21:32Z

@mrousavy I'm getting the same issue here. Using v3 and React Native 0.72.

> Task :react-native-vision-camera:compileDebugKotlin
'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.

I saw you're defining JavaVersion.VERSION_1_8 in build.gradle. Why is that so? I'm using latest version of Expo and some of its libraries are requiring at least version 11.

GaylordP · 2023-10-18T14:18:15Z

Hello @nnabinh ,
I've had the same problem since the last version.
Have you found a solution? :)

thanks

ombogdanJoinToIt · 2023-10-18T14:46:07Z

same problem
Invalid value for "PACKAGE_PATH": Directory "/Users/ombogdan/Projects/WebstormProjects/ReactNative/mobile/node_modules/react-native-worklets-core/android/build/intermediates/prefab_package_configuration/debug/prefab" is not readable.

RP-alissonpaschoal · 2023-10-27T15:12:26Z

I am facing the same error here

'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.

nbolender · 2023-11-09T05:24:07Z

@RP-alissonpaschoal This worked for me: #1547 (comment)

fedpre added the 🔧 build error Issue is related to building VisionCamera in your project label Sep 6, 2023

fedpre changed the title 🔧 🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) Sep 6, 2023

webhibegit mentioned this issue Sep 20, 2023

🔧 V2.16.1 and react-native 0.72.4 android Execution failed for task ':react-native-vision-camera:buildCMakeDebug[arm64-v8a]'. #1814

Closed

5 tasks

mrousavy closed this as completed Sep 30, 2023

val089 mentioned this issue Oct 4, 2023

Android build error when enabling frame processor (V3 - RN 0.72.5) margelo/react-native-worklets-core#123

Closed

xulihang mentioned this issue Feb 5, 2024

Build failed cmake tony-xlh/react-native-document-scanner#3

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) #1775

🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) #1775

fedpre commented Sep 6, 2023

barghi commented Sep 6, 2023 •

edited

Loading

fedpre commented Sep 6, 2023

lfrallon commented Sep 7, 2023 •

edited

Loading

barghi commented Sep 7, 2023

karri-lehtiranta commented Sep 7, 2023

barghi commented Sep 7, 2023

karri-lehtiranta commented Sep 7, 2023

barghi commented Sep 7, 2023 •

edited

Loading

barghi commented Sep 7, 2023

mrousavy commented Sep 30, 2023

mrousavy commented Sep 30, 2023

val089 commented Oct 4, 2023

mrousavy commented Oct 4, 2023

BuiHung1612 commented Oct 4, 2023 •

edited

Loading

rodgomesc commented Oct 4, 2023

nnabinh commented Oct 14, 2023

GaylordP commented Oct 18, 2023

ombogdanJoinToIt commented Oct 18, 2023

RP-alissonpaschoal commented Oct 27, 2023

nbolender commented Nov 9, 2023

🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) #1775

🔧 Android build error when enabling frame processor (V3 - RN 0.72.4) #1775

Comments

fedpre commented Sep 6, 2023

How were you trying to build the app?

Full build logs

Project dependencies

Target platforms

Operating system

Can you build the VisionCamera Example app?

Additional information

barghi commented Sep 6, 2023 • edited Loading

fedpre commented Sep 6, 2023

lfrallon commented Sep 7, 2023 • edited Loading

Forgot to update my imports in root index.js

Updated my babel.config.js

package.json

Update

barghi commented Sep 7, 2023

karri-lehtiranta commented Sep 7, 2023

barghi commented Sep 7, 2023

karri-lehtiranta commented Sep 7, 2023

barghi commented Sep 7, 2023 • edited Loading

barghi commented Sep 7, 2023

mrousavy commented Sep 30, 2023

mrousavy commented Sep 30, 2023

val089 commented Oct 4, 2023

mrousavy commented Oct 4, 2023

BuiHung1612 commented Oct 4, 2023 • edited Loading

rodgomesc commented Oct 4, 2023

nnabinh commented Oct 14, 2023

GaylordP commented Oct 18, 2023

ombogdanJoinToIt commented Oct 18, 2023

RP-alissonpaschoal commented Oct 27, 2023

nbolender commented Nov 9, 2023

barghi commented Sep 6, 2023 •

edited

Loading

lfrallon commented Sep 7, 2023 •

edited

Loading

Forgot to update my imports in root `index.js`

Updated my `babel.config.js`

barghi commented Sep 7, 2023 •

edited

Loading

BuiHung1612 commented Oct 4, 2023 •

edited

Loading