8081 포트가 이미 사용중이라면

Tags
공식문서

이미 사용중인 포트

Metro bundler가 8081 포트에서 동작한다.
해당 포트가 이미 사용중이라면 아래 두가지 방법으로 해결하자.
  • 해당 포트를 사용중인 프로세스 종료
  • 번들러의 포트를 변경
 

1. 8081 포트 사용중인 프로세스 종료

맥, 리눅스 기반

#8081 포트를 리스닝 중인 프로세스 PID 조회
$ sudo lsof -i :8081

#조회한 PID로 프로세스 강제종료
$ kill -9 <PID>

윈도우

윈도우 운영체제라면 Resource Monitor로 어떤 포트를 어떤 프로세스가 사용중인지 확인할 수 있다.
notion image
#윈도우 운영체제 파워쉘로 프로세스와 포트 조회
$ Get-Process -Id (Get-NetTCPConnection -LocalPort YourPortNumberHere).OwningProcess
#윈도우 운영체제 cmd 열어서 그냥 검색하는 방법
$ netstat -aof | findstr :8081
 

2. 다른 포트 사용하기 (8081 말고)

port 파라미터로 8081 포트가 아닌 다른 포트를 사용하도록 bundler를 configure 할 수 있다.
#8081말고 다른 포트를 사용하도록 하려면 --port 파라미터로 지정
$ npx react-native start --port=8088
물론 application이 새로운 포트로부터 JavaScript bundle을 로드하도록 업데이트도 해야한다.
Xcode로 디바이스를 실행중이라면 아래 파일에서 수정 가능하다.
file : node_modules/react-native/React/React.xcodeproj/project.pbxproj