[React] npm start 시 ERR_CONNECTION_REFUSED (사이트에 연결할 수 없음 localhost에서 연결을 거부했습니다.)

 

 

 

---

어느날 코드도 설정도 바꾸지 않았는데 npm start 를 하니 이런 에러를 만나게 되었다.

 

 

이게 정말 막막했던 이유는 localhost자체가 안되는 것이 아니라 다른 프로젝트는 npm start 했을 때 실행이 잘 되는데 이 프로젝트만 안된다는 것이었다. 

 

현재 react개발을 맡고 있고 java와 spring으로 백엔드 두명이 개발 중이며 통신 확인은 백엔드 팀원 노트북 ip에 내가 접속(같은 와이파이에 없을 경우 포트포워딩)하여 진행하고 있었다. 여태 통신 확인도 잘 되다가 정말 불쑥 이런 에러를 보게 되었다.

 

 

끝없는 구글링과 여러 자문을 구해 내가 시도한 방법

 

1. 인터넷 연결 확인 -> 인터넷 연결 때문 아님

2. node_modules, package-lock.json 삭제 후 캐시 클린 작업 & 다시 npm install -> 실패

3. 시크릿 모드로 열어보기 -> 실패

4. 크롬 외 브라우저로 열기 -> 사파리로 열어보았는데 실패

5. 개발자 도구 네트워크 탭에 제한 없음으로 되어있는지 확인 

6. 컴퓨터 재부팅 -> 했는데 실패

7. airplay 모드 끄기(airplay모드가 기본적으로 5000번 포트에서 실행돼서 포트 충돌일 수도 있다고 하여) -> 했는데 실패

8. localhost 가 http:// 로 리다이렉트 되는 정책 삭제 -> 실패

9. 포트 충돌인지 확인 -> 아님

10. cors에러인지 확인 -> 이게 원인일 줄 알고 할 수 있는 모든 cors 설정은 백엔드 쪽에서 다 하였고 cors에러는 처음 이외에 나지 않고 있었는데 지금은 콘솔에서 cors에러인지조차 확인할 수 없다. 콘솔에 cors에러가 뜨지 않기 때문,,

 

 

 

정말 의문이었던건 다른 프로젝트들은 localhost가 잘 열렸는데 이 프로젝트만 저런 에러가 떴다는것

 

내가 알고있는 모든 것을 시도해보았지만 아직도 되지 않아 프로젝트를 다시 만들어 코드를 옮기고 수정해보고자 한다. 

프로젝트의 기한도 있고 다른 기능 개발도 해야하기 때문에 이것만 붙들고 있을 수는 없어서 

기존 프로젝트는 병렬적으로 가져가면서 계속 저 에러를 해결하기 위한 시도를 해볼 것이다.

 

포기는 하지말자🥹

 

 

---

추가!!!!

서버와 통신할 때 baseURL을 gitignore 하지 않고 git push 하지는 않았는지 확인해보세요!!!!!!!!!!

 

저는 이미 새로운 폴더를 파서 다시 했지만
baseurl (서버 컴퓨터 ip주소)이 github에 흘러들어가서 해당 ip로 요청을 보내려고 하면 localhost 접근이 안되지 않았을까 싶습니다..............

 

 

 

 

---