[!React Native] net::ERR_CONNECTION_REFUSED 오류 파헤치기

 

 

리액트 네이티브 프로젝트 중 마주한

위대한 오류에 대한 글이기에

검은 로고로 준비해보았다 . .

 

보여져야 하는 페이지가 보이지 않는 원인이

리액트 자체의 문제인줄 알고

명령어들과 삽질했던 시간들에 대한 기록 . . 😈

 

 

 

---

 

 

 

장장 이틀 동안 내 눈앞에 보였던 오류

(이틀이라 하니 짧아보이지만 정말 이천년같이 길었다)

localhost:PORT/net::ERR_CONNECTION_REFUSED

 

WebView 내에 넣어둔 url 에 접속 시에 접속이 거부된다는 메시지!

필자의 경우 해결할 수 있던 방법은 아니지만

 

다른 이들이 리액트 네이티브 자체의 문제라면,

해당 오류를 마주했을 때 대처할 수 있는 방법들에 대해 정리하려 한다.

 

 

 

---

 

 

1. 'npm start'

해당 명령어를 VSCode 내 default shell (/bin/bash) 에서 동작시킨다.

 

검색해보니 많은 이들이 VSCode 에서 프로젝트를 진행할 때 기본 터미널을

powershell 로 지정하고 진행하는 경우가 많다고 한다.

 

이같은 경우는 제약도 많고, 무엇보다 정상적인 작동을 방해할 수 있으므로,

아래와 같이 default shell 을 변경해준다.

 

 

이 부분에서 command prompt 말고 default shell 로 이동하기
위해 많은 시간을 할애했다.
Window 상에서 작업할 경우 command 창이면 충분하다.
필자의 경우는 사실 powershell 에서도 큰 무리 없이 동작했다.

 

2. node update

간단한 해결법이다.

말 그대로 Node.js 버전을 업데이트 시켜주자

(root 권한으로 진행해주세요)

 

(1) 현재 버전 확인

# node -v

 

(2) npm 캐시 제거

# npm cache clean -f

 

(3) Node.js 버전 관리 모듈 설치

# npm install -g n

 

(4) n 모듈을 통해 Node.js 설치

# n stable // 안정 버전
# n lts // lts 버전
# n latest // 최신 버전
# n x.x.x // 특정 x.x.x 버전

 

3. 기타

다른 애플리케이션이 3000번 포트를 사용하여

작동되고 있는지 확인하여 kill 시켜준다.

 

재부팅시켜준다.

 

등 등

 

 

 

 

 

© 참고

https://stackoverflow.com/questions/58929202/connection-refused-on-localhost (connection refused on localhost - stackoverflow)

https://jsikim1.tistory.com/158 (Node.js Upgrade 방법)

Connection refused on localhost