요즘은 React-Native를 이용해 회사의 신규 플랫폼을 개발중이다.
그 중에 카메라 기능이 필요하여 React-native-Vision-camera 패키지를 찾았고
설치를 했더니 바로 오류가 발생 하였다.
최초 오류내용은
[VisionCamera] react-native-worklets-core not found, Frame Processors disabled!
일단 오류가 발생하면 기본적인 부분 부터 확인해볼 필요가 있다.
공식 문서를 참고 하면 Android 기준으로
build.gradle 파일에
buildToolsVersion to 33.0.0 이상인지
compileSdkVersion to 33 이상인지
targetSdkVersion to 33 이상인지
minSdkVersion to 26 이상인지
ndkVersion to "23.1.7779620" 이상인지
Gradle Build-Tools의 버전이 7.3.1 이상인지
classpath("cohttp://m.android.tools.build:gradle:7.3.1")
Gradle Wrapper 버전이 7.5.1 이상인지 gradle-wrapper.properties 파일 확인
distributionUrl=https\://services.gradle.org/distributions/gradle-7.5.1-all.zip
여기까지가 공식홈페이지의 가이드이다. 하지만 위의 부분을 모두 확인해도 에러는 여전히 발생했다.
이틀간 삽질중 찾은 결과
react-native-vision-camera는 현재 v3과 v2가 공존하고 있다.
v3은 react-native 0.71 버전 이상에서만 작동하고, 그 이하는 v2를 사용 해야 한다고 한다.
지금 내가 사용하고 있는 react-native 버전은 0.70 버전대였기 때문에 버전 업그레이드를 해주니 바로 해결 되었다.
글작성일 기준으로 0.71버전대의 최신버전은 0.71.15였고, 나는 항상 안정화 버전을 사용하기 때문에 한단계 아래인
0.71.14버전을 설치하였다
npx react-native upgrade 0.71.14
이렇게 하고 package-lock.json 파일 삭제 후 재설치 하니 오류가 말끔하게 해결되었다.
'개발이야기 > Javascript' 카테고리의 다른 글
React Native vs Nativescript-Vue: 플랫폼별 장단점과 최적의 선택 (0) | 2024.01.12 |
---|---|
React Native vs. Flutter: 새로운 모바일 개발 세계를 탐험하다 (0) | 2024.01.12 |
React에서 Axios 헤더 설정 마스터하기: API 통신의 비밀 풀기 (0) | 2024.01.06 |
사용자가 PC인지 Mobile인지 확인방법 (0) | 2018.02.19 |
ajax통신간 jsonp를 이용한 크로스도메인 이슈 해결 (2) | 2018.02.14 |