[react] npm start error

react 공부를 하다 코드가 꼬인 것 같아 참고용 완성본 코드를 복사해올 때가 있다. (어디서 부터 틀렸는지 감조차 오지 않을 때..)

이럴 때 단순히 완성된 코드를 복사 붙여넣기 하거나 완성용 폴더나 파일을 그냥 내 로컬로 다운받아 사용하면 vs-code에서 해당 파일이 읽히지(실행되지) 않는다.

오늘같은 경우는 react 공부를 하다 npm start 명령어가 먹히지 않을 때가 있었다.

sh: react-scripts: command not found

원인은 package.json파일에 있었다.

1. 우선 npm start 명령이 실행되려면 해당 폴더에 package.json파일이 있는지 확인해야 한다.

2. 파일이 설치되어 있음에도 에러가 뜬다면 해당 파일을 삭제한 뒤 재설치 하는 방법이 있다.

   2-1. npm cache 삭제

   npm cache clean --force

   2-2. package.json 파일 삭제

   rm package.json

   2-3. npm 재설치

   npm install

3. 그럼에도 에러가 난다면 터미널에서 현재폴더 위치를 확인해보아야 한다. 실행중인 폴더가 다른곳에 가있다면 원하는 폴더로 이동해주어야 한다.

   cd (이동하고자 하는 폴더명)

다시 npm start 실행하면 명령어가 제대로 작동하는 것을 볼 수 있다.

끝!