반응형
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
😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓
반응형
'❗️Error > 오류를 해결하자!' 카테고리의 다른 글
[Express] SyntaxError: Unexpected token " in JSON at position 0 at JSON.parse (0) | 2022.06.20 |
---|---|
[node.js] Error: listen EADDRINUSE ::: 4999 (0) | 2022.06.17 |
리액트) contains an input of type text with both value and defaultValue props (0) | 2022.06.09 |
리액트) encountered two children with the same key, 오류 해결 방법, 고유한 key 값 설정하기 (0) | 2022.06.08 |
깃헙에서 .DS_store가 자꾸 말썽을 피울때, gitignore (0) | 2022.06.07 |