baronha react-native-multiple-image-picker:compileDebugKotlin FAILED 이슈

react-native-multiple-image-picker를 사용하게 될 경우 해당 에러를 볼 수 있을 겁니다.

많은 사람들은 0.73 version에서 본다고 하지만, 그보다 아래버전인 0.72 버전에서도 발생되었으며, 자료를 찾아 적용해보니 다행이도eact-native-multiple-image-picker를 사용하게 될 경우 해당 에러를 볼 수 있을 겁니다.

 

많은 사람들은 0.73 version에서 본다고 하지만, 그보다 아래버전인 0.72 버전에서도 발생되었으며, 자료를 찾아 적용해보니 다행히도 0.72에서도 문제가 해결이 되었습니다. 

 

원인

우선 해당 이슈가 발생한 원인을 알아봅시다.

react-native-multiple-image-picker 라이브러리와 react-native version의 호환성 문제로 발생한 오류입니다.

TypeError: Cannot Read Property ‘Openpicker’ of Null

 

~ 0.73 version에서 해당 라이브러리를 설치할 경우 컴파일 오류로 OpenPicker가 누락이 되었다고 나옵니다.

 

• 우선 정말 해당 openPicker가 출력이 되지 않는지 체크를 해봅니다.

import { openPicker } from 'react-native-multiple-image-picker'

 

하지만 GitHub 이슈 내용을 확인 해보시면 react-native가 업그레이드가 되며 Android는 일부 파일을 찾을 수 없다는 오류를 확인할 수 있습니다.

 

 

 

0.73 · Issue #134 · NitrogenZLab/react-native-multiple-image-picker

 

해결

R.~ -> com.luck.picture.lib.R.~로 변경을 해줍니다.

예시)
R.color.ps_color_9b
=
com.luck.picture.lib.R.color.ps_color_9b

 

콘솔창에 출력되는 내용에서 문제가 생긴 라인을 확인 하신 뒤 해당 파일로 접근 하셔서 수정 해주시면 됩니다.

( node_modules/react-native-multiple-image-picker/android/src/main/java/... )

 

결론

ReactNative와 사용되는 라이브러리들도 점점 발전을 하면서 이전 version으로 작업을 할 경우 많은 이슈가 발생하는 걸 확인 할 수 있었습니다. 하지만 아직까지 최신 version 또한 호환성 문제가 많다 보니 무작정 최신 version을 사용할 수도 없는 부분에 대해 많은 어려움이 발생하네요. 상황에 맞게 version을 사용하시는 걸 추천드리겠습니다.