❗️Error/오류를 해결하자!

[next.js]port 3000 is already in use, 사용중인 포트 찾아서 Kill 하기!

hellohailie 2022. 6. 14. 23:37

 

next.js라는 서버사이드 렌더링 프레인 워크로 만들어진 파일을 Create React App를 사용했을때와 같이

'npm start' 명령어로 브라우저를 여는데 위 화면과 같은 오류를 만났습니다. 

 

Port 3000 is alreay in use.

 

Create React App를 사용했다면 자동으로 다른 포트로 연결을 해주었지만, next.js는 저 문구만 나오고 더 이상의 진전이 없었는데요! 

그래서 구글링 고고!!

 

맥북 터미널 창을 열고, 아래와 같은 명령어를 입력했습니다.

 

STEP 1.

sudo lsof -i :포트번호

➥ 저의 경우는 3000 포트를 찾고 싶어서 sudo lsof -i :3000을 입력했습니다. 

 

⭐️⭐️⭐️여기서 sudo를 안쓰면 완전히 kill 한게 아니기 때문에 꼭 sudo를 써야합니다!!⭐️⭐️⭐️

 

STEP 2.

STEP 1을 하면 위와 같은 창이 뜹니다. 

그러면 node 다음에 있는 PID (✅ 부분)를 아래 명령어에 포함해서 입력합니다. 

 

kill -9 

 

➥ 저의 경우 node 다음에 있는 PID 번호가 51339이라서 kill -9 51339를 입력했습니다. 

 

 

 

STEP 3.

그리고 난 후, 다시 'npm start' 명령어를 쓰면 위와 같이 다시 3000 포트를 사용할 수 있습니다!

 

 

 

 

 

참고

http://stackoverflow.com/questions/3855127/find-and-kill-process-locking-port-3000-on-mac

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓