[Issue] RN Hot Reloading 에러, Metro No Apps connected.

RN

 

얼마 전, React Native + TypeScript로 어플리케이션을 개발하는 중 ios 리얼 디바이스에서 테스트를 진행할 때 metro에서 No Apps Connected 에러가 발생하여 Hot Reload가 안 되는 이슈가 발생했었다.

당시에 어찌저찌 해결을 했었는데 오늘 전 직장 PM에게 연락이 와서 같은 이슈를 겪고 있다고 전해들어 해결해 줬는데, 해결하면서 어떻게 트러블슈팅을 했는지 남겨보도록 한다.

개발 환경

React Native : 0.66.4

React - Native - CLI

IOS : iPhone 13 Pro

 

해결 과정

구글링을 해도 다 연관이 없는 이슈였고, 큰 도움이 되지 않아서 거의 기억에 의존해서 했던 것 같다. 해결하면서 느낀점은, 항상 이슈를 해결했을 때에는 블로그에 정리해 놓자라는 점...

 

해결 방법

결론부터 말하면, 어플리케이션 삭제 후 재설치

만약, metro에서 에러가 난다면 첫 번째로 해야 할 것이

1. 빌드한 어플리케이션을 백그라운드에서 종료한 이후 다시 어플리케이션을 실행한다.

이 방법으로 안된다면,

1. 리빌드 하기 전 이미 빌드한 어플리케이션을 삭제

2. XCode에서 리빌드

3. 그래도 metro에서 연결이 안된다면 방금 빌드한 어플리케이션을 백그라운드에서 종료한 후 다시 어플리케이션 실행.

이렇게 하면 해결된다.