[Error] Network Response Time Out (React Native)

폰으로 QR코드 인식 할 때 로딩이 좀 길어진다 싶더나 저런 에러가 나왔다.

 

 

Network response timed out.

 

로딩이 길어진다 싶더니 저 에러가 나온게 세번이라서 바로 구글에 검색해봐서 지금은 오류를 해결했다.

그런데 혹시 까먹을 수도 있으니 에러 해결을 위해 시도했던 방법들을 정리해보기로 했다.

 

 

 

 

 

동일한 네트워크를 사용하고 있는지 확인

처음에는 내 노트북과 핸드폰의 wifi가 다른지 확인해봤다.

그랬더니 똑같은데...?

다른 wifi를 사용한다면 이런 오류가 발생한다고 해서 둘 다 들어가봤는데 동일했다.

 

그래도 혹시 모르니 핸드폰의 wifi를 껐다가 다시 실행시켜봐도 똑같은 오류 발생.

+) 혹시라도 같은 오류가 생겼을 때 제일 먼저 확인해야 할건 맞는 것 같다.

 

 

 

 

방화벽 설정 확인하기

설정 > 개인 정보 및 보안 > Windows 보안 > 방화벽 및 네트워크 보호 > 고급설정

 

 

새 규칙 클릭 후 Expo가 사용하고 있는 Port(포트)인 19000, 190001을 열어준다.

규칙 이름은 react-native-expo 등 편한대로 생성한다.

 

 

구글링을 통해 찾아본 방법.

이거 그대로 새로운 규칙을 생성해봤는데도 여전히 오류가 발생...

튜터님께 가야 하나 고민하다가 또다른 방법을 발견해서 그 방법을 통해 열었더니 해결 완료!

 

 

 

터널로 실행

두 가지 방법이 통하지 않을 때 오류가 계속 발생할 때는 실행하는 명령어를 변경하면 된다.

 

expo start --tunnel

 

이 명령어로 실행시켜보면 재실행하는 코드가 뜨고 아예 새롭게 실행이 된다.

 

 

아래에 다시 새롭게 나온 QR코드로 실행하니 해결 완료!

이제는 제대로 실행이 된다.

 

저기 캡처에 나온 warning도 나와서 이게 뭔가 했는데 stackoverflow에 비슷한 질문이 있어서 봤다니 git bash로 실행해서 생긴 warning이라고 한다. git bash 대신 cmd를 사용하라는 답변이 달렸다.

(출처: https://stackoverflow.com/questions/67917157/warning-expo-cli-has-not-yet-been-tested-against-node-js-v16-3-0)

 

warning이 떠서 너무 놀랐었는데 답변을 보고 약간 안심했다.

처음에 실행되는게 너무 감격스러워서 캡처했다...ㅋㅋㅋ

이런저런 구글링 끝에 드디어 제대로 실행이 된다.

 

혹시나 나같은 사람(=미래의 나)이 있을가봐 글로도 정리했다 ㅋㅋㅋㅋ