1. NVM 설치 1.

   curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

2. node 설치

   1. nvm install --lts
   2. nvm use --lts
   3. nvm alias default node

1. reactApp 생성
   1. npx create-react-app sync-wave-fe

      1. 에러..

         

에러가 발생하였다.

위의 로그를 보면

npm error peer react@"^18.0.0" from @testing-library/[email protected]

원인은 reactJs 19버전이 설치되어 있는데 testing을 18버전으로 설정되어 있어서 버전 상이 문제로 인한 에러라는데 무슨말이지??

음 자료도 찾아봤는데 이 부분은 스킵하고 npm start를 하네요 허헣; front-end개발자가 아니라서 이 부분은 체크하고 패스;;

npm start를 하니 프로그램 기동 완료 후 1초 뒤

Failed to compile.

Module not found: Error: Can't resolve 'web-vitals' in '/Users/jihoonpark/sync-wave-fe/src' ERROR in ./src/reportWebVitals.js 5:4-24 Module not found: Error: Can't resolve 'web-vitals' in '/Users/jihoonpark/sync-wave-fe/src'

webpack compiled with 1 error

에러가 발생하였습니다..

이 에러는 프로젝트가 web-vitals 패키지를 의존성으로 참조하고 있지만, 해당 패키지가 설치되지 않았기 때문에 발생합니다. React 프로젝트 생성 중 문제가 생겼거나 node_modules가 정상적으로 설치되지 않았을 가능성이 있어, **npm install web-vitals**를 하여 설치 후 다시 기동하니 성공 🥲