[React Native_에러해결] android target sdk 33 이슈

 

안드로이드 정책이 바뀌어서,

안드로이드 api 33으로 바꿔야만 배포가 가능하다.

 

그래서 지난주부터 react-native 업데이트부터 다양한 방법을 시도하며 각종 에러를 해결해나가는 눈빠지는 작업을 했다.

 

하지만, 사수분이 찾은 해결방법은 어처구니가 없게 간단했다.

외국인 게시글의 댓글에서 방법을 찾은건데, 외국인 당신은 신입니까..?

에러를 보고도 아무리 유추를 해봐도 연결고리가 전혀 이해가 안가는 방법인데 천재이신가요 ...?

 

 

---

---

 

1-1. 변경 전

 

▼ android> build.gradle

buildscript {
    ext {
        buildToolsVersion = "30.0.3"
        minSdkVersion = 25
        compileSdkVersion = 31
        targetSdkVersion = 31
    }
.....

 

---

 

1-2. 변경 후

▼ android> build.gradle

buildscript {
    ext {
        compileSdkVersion = 33
        buildToolsVersion = "30.0.3"
        minSdkVersion = 23
        targetSdkVersion = 33
        ndkVersion = "23.1.7779620"
    }
.....

 

"build.gradle"을 위처럼 수정해주고,

아래의 명령어로 "react-native-webview"를 설치해주면된다.

 

▼ 명령어 (react-native-webview@11.22.7 설치)

% npm install react-native-webview@11.22.7 --legacy-peer-deps

 

---

---

 

2. node_module(react-native) 수정

 

앨범접근 허가 때문에 아래에 추가된 6줄을을 add해야한다.

 

▼ node_modules> react-native> Libraries> PermissionsAndroid> PermissionsAndroid.js

const PERMISSIONS = Object.freeze({
.....
READ_MEDIA_IMAGES: 'android.permission.READ_MEDIA_IMAGES',	//추가	
READ_MEDIA_VIDEO: 'android.permission.READ_MEDIA_VIDEO',	//추가
READ_MEDIA_AUDIO: 'android.permission.READ_MEDIA_AUDIO',	//추가
});
.....

class PermissionsAndroid {
  PERMISSIONS: {|
.....
READ_MEDIA_IMAGES: string,	//추가	
READ_MEDIA_VIDEO: string,	//추가
READ_MEDIA_AUDIO: string,	//추가
  |} = PERMISSIONS;

 

---

---

 

3. 권한설정

 

아래링크에서 참고하세요!

https://daram-tree.tistory.com/229

[React Native_android 에러해결] 저장소접근권한 (target sdk32이하, 33이상 적용)

 

---

---

 

4. TMI (에러후기)

 

▼ android> build.gradle

buildscript {
    ext {
        buildToolsVersion = "30.0.3"
        minSdkVersion = 25
        compileSdkVersion = 33
        targetSdkVersion = 33
    }
.....

 

"build.gradle"을 위처럼 수정하고, " % npx react-native run-android " 명령어를 입력하였더니,

아래와 같은 에러가 왕창 쏟아짐... ㅎㅎ

" compileSdkVersion = 32 " 라고 쓰면, 에러가 안나는데,,,,

" compileSdkVersion = 33 " 라고 쓰면, 에러가 콰과과광

 

▼ 에러문구 (명령어 npx react-native run-android)

Daram@DARAMui-MacBookPro daram_development 업글 % npx react-native run-android

.....

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-webview:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* 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

.....

 

---

 

서칭해보니,

react-native-webview 라이브러리에서

react-native-webview@13.6.2가 많은 사용률을 보이길래 꽤나 최신꺼로 업데이트했었는데...

react-native-webview@11.22.7로 해결되는 마법

이런 해결방법을 찾아내는 사람들은 어떤사람들일까 ㄷㄷㄷ

호환되는 특정버전을 찾아내는건 너무 어렵다 ㅜㅜㅜㅜ

 

https://www.npmjs.com/package/react-native-webview?activeTab=versions

react-native-webview

 

---

---

 

4. 1번에 대한, 참고링크

https://statics.teams.cdn.office.net/evergreen-assets/safelinks/1/atp-safelinks.html

https://statics.teams.cdn.office.net/evergreen-assets/safelinks/1/atp-safelinks.html

 

---

개인적으로 개발시행착오를 겪으면서, 그런 경험들을 기록하기도하고, 모은정보들을 메모하며, 개인공부내용을 공유하는 게시물입니다. 친절한 조언과 다양한 의견 남겨주시고, 소통해주시는분들은 언제든지 환영합니다 :D