React Native: не удалось выполнить задачу ':vision-camera-face-detector:compileDebugJavaWithJavac' ⇐ Android

[Anonymous]

Я пытаюсь разработать встроенную функцию распознавания лиц. В настоящее время для этого я использую следующие рекомендуемые библиотеки:

Код: Выделить всё

"dependencies": {
"react": "18.3.1",
"react-native": "0.76.5",
"react-native-reanimated": "^3.16.6",
"react-native-vision-camera": "^4.6.3",
"react-native-vision-camera-face-detector": "^1.7.2",
"react-native-worklets-core": "^1.5.0",
"vision-camera-face-detector": "^0.1.8"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "15.0.1",
"@react-native-community/cli-platform-android": "15.0.1",
"@react-native-community/cli-platform-ios": "15.0.1",
"@react-native/babel-preset": "0.76.5",
"@react-native/eslint-config": "0.76.5",
"@react-native/metro-config": "0.76.5",
"@react-native/typescript-config": "0.76.5",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "18.3.1",
"typescript": "^5.7.2"
}

А вот как выглядит базовая настройка кода:

Код: Выделить всё

import {runOnJS} from 'react-native-reanimated';
import {useState, useEffect} from 'react';
import {Text, View, TouchableOpacity, SafeAreaView} from 'react-native';
import {
useCameraDevice,
useFrameProcessor,
Camera,
} from 'react-native-vision-camera';

import {scanFaces, Face} from 'vision-camera-face-detector';

export default function App() {
const [openCamera, setOpenCamera] = useState(false);
const [hasPermission, setHasPermission] = useState(false);

const [faces, setFaces] = useState(null);

const device = useCameraDevice('front');

useEffect(() => {
console.log({faces});
}, [faces]);

useEffect(() => {
(async () => {
const status = await Camera.requestCameraPermission();
setHasPermission(status === 'authorized');
})();
}, []);

const frameProcessor = useFrameProcessor(frame => {
'worklet';
const scannedFaces = scanFaces(frame);
console.log({scannedFaces});
runOnJS(setFaces)(scannedFaces);
}, []);

return (



Welcome to Arena


{device != null && hasPermission ? (



) : (
 setOpenCamera(true)}>
Open Camera

)}

);
}

Я получаю сообщение об ошибке после установки 'react-native-vision-camera':


Я обновил свой babel.config.js следующим образом:< /p>

Код: Выделить всё

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

А также пересоберите Gradle внутри папки Android следующим образом: ./gradlew clean
Но даже после этого код не компилируется. Я пытался найти подобные вопросы в SO и в разделе «Проблемы» официальной документации, но пока ничего не помогло.
Если кто-нибудь может помочь разобраться в этом, буду признателен.

Подробнее здесь: https://stackoverflow.com/questions/793 ... compiledeb