[React] Invalid hook call. Hooks can only be called inside of the body of a function component.. 에러 해결방법 + 3000번 포트 죽이기

문법적 오류에 관해 발생하는 것이 아닌 시스템 또는 환경설정에 관해 발생할때 유용할듯..?

---

1. 터미널에서 npm ls react 를 통해 동시접속되어있는것을 확인하자

문제가 있다면 npm dedupe 를 통해 중복을 삭제해주고
찜찜하면 npm uninstall 를 통해 삭제 후

npm install를 통해 설치해주자

---

2. 버전을 확인하자 

리액트 17.0.2를 사용중이거나 17버전 위라면 간혹 발생한다.

npm install --save react@^16.14.0 react-dom@16.14.0

이걸 고대로 복붙해서 16.14로 맞춰주자 어디가나 16버전을 채택많이하더라...

---

3. 포트 3000 번이 아닌 것을 사용하고 있을 경우

이런 경우도 있다. 3000번이 켜져있어서 3001로 우회하거나 새로 만들어서 돌리는 경우...

그럼 3000번을 꺼주자.

터미널에 어김없이 들어가서

그런데 조금 자세히 알려주겠다. 

 

포트구성을 보는 기본 명령어는 netstat 이에요!

그런데 이렇게 하면 너무 많은게 나올거에요... 아니면 엄청 천천히 나오던가,...

컨트롤 C를 누르면 중간에 취소시킬수있답니다!

그래서 netstat help를 통해 알수가 있습니다~!!

친절한 ms... 그럼 우리가 필요한 모든 포트들, 그것에 해당하는 피드남바를 검색해봅시다!

netstat -a -o

무진장 많이 나올텐데

정말많이나옵니다. ㅠㅠㅠ 우리가 필요한 포트넘버만 검색하는 방법은 바로!

위에서 7번? 8번째에 3000번포트가 있습니다. 이것을 꺼주어야 할텐데... 음음

taskkill /f /pid PID번호 

로 꺼주시면 되겠습니다!