[React Native] Android Debug mode not working

리액트 네이티브로 프로젝트 빌드 시, 안드로이드에서 디버그 모드가 작동하지 않는 오류가 있었다.

디버그 모드가 작동되지 않았기 때문에 실시간으로 코드의 변동 사항도 확인할 수 없었고,

콘솔로 출력을 확인할 수도 없었다.

 

처음에는 단순하게 디버그 모드가 아닌 릴리즈 모드로 빌드가 되는 줄 알았으나,

알고 보니 이전에 빌드했던 릴리즈 버전으로 실행이 되고 있었다.

그래서 아래 명령어를 이용해 bundle 파일을 새로 생성해 빌드해 보았다.

react-native bundle --platform android --dev true --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

 

변경사항들이 반영되어 빌드가 되긴 했지만, 역시나 실시간으로 코드의 변동사항이 반영되지는 않았다.

또한 릴리즈 모드가 아닌 디버그 모드로 실행해보기 위해 --variant=debug  를 줘보기도 했지만, 소용없었다 ㅜㅜ

 

react-native start --reset-cache

캐시를 초기화하고 재실행해보기 위해 위의 명령어를 실행시켜 보았지만, 아래와 같은 에러가 발생했다.

 

react native listen EADDRINUSE: address already in use :::8081.

 

해당 에러는 아래 링크를 참고하여 해결하였다.

https://rismandev.medium.com/react-native-error-listen-eaddrinuse-address-already-in-use-8081-8512831d4194

React Native | error listen EADDRINUSE: address already in use :::8081.

 

이후 난항을 겪다가... 같은 팀의 다른 개발자분이 해결법을 발견하셨다!

 

project/android/app/src/main/java/com/project/MainApplication.java 경로로 들어가서

import com.facebook.react.BuildConfig

부분을 삭제해 주었더니 문제가 해결되었다!

 

아마 내 개인적인 생각으로는 개발자 모드가 꺼져있거나 했던 것 같다.