ReactNative WebView에서 localhost 접속

react-native-webview를 사용하여 webview에 (vite+react)를 띄우고자 하였는데 다음과 같은 에러가 계속해서 발생하였다.

Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -6, "description": "net::ERR_CONNECTION_REFUSED", "loading": false, "target": 3, "title": "", "url": "http://localhost:5173/"}

찾아보니 안드로이드 에뮬레이터에서는 localhost로 바로 진입이 불가능하다고 한다.

여러가지 서치한 결과 다음과 같은 방법이 있었다.
1. ip주소로 접속한다.
2. adb reverse tcp:8887 tcp:8887 명령어를 친다. (나의경우 5173)
3. localhost 대신 10.0.2.2 를 사용한다.

나의 경우 모두 효과가 없었다.
ip주소를 크롬에 입력해도 접속이되지 않았다. 이유를 찾다보니 왠지 react 문제일 것 같아서 실행 창을 자세히 보니 Network로 접속이 활성화되지 않은 상태였다

따라서 이를 활성화하기 위해서 pakage.json을 수정하였다.

결과는 해결이다!! 크롬으로 접속이 된다!!

Webview에서도 ip주소로 설정하니 접속되는 것을 확인할 수 있었다!

사소한 것으로 시간을 뺐겼다.. 빨리 개발하러 가야지