cmd창에 npx create-react-app voca(프로젝트명)을 입력한다.
그..런데...에러..
npm 에러의 내용을 확인하자면
Found: react@19.0.0
peer react@"^18.0.0" from @testing-library/react@13.4.0
나의 React 버전은 19.0.0으로 설치되었지만
@testing-library/react는 React 18 버전과 호환되도록 설계되었기 때문에 발생하였다.
npm 에러가 권장하는건
--force나 --legacy-peer-deps 옵션을 추가해 설치하는 방법을 제안하고 있다.
npx create-react-app voca --legacy-peer-deps
이 옵션은 의존성 충돌을 무시하고 설치를 진행하도록 강제하는 것
음.. 찾아보니 React의 버전을 낮추어 재설치하는 방법도 있었다.
최신 React 버전(예: 19.0.0) 대신 안정된 React 버전(18.x.x)을 사용하려면, 프로젝트 생성 후 React 버전을 다시 설치한다.
프로젝트 생성 후 React 버전을 다운그레이드하는 방법을 선택하기로 했다.
cd voca
npm install react@18 react-dom@18 를 입력했다
그리고 React 프로젝트가 잘 동작하는지 확인한다
npm start를 입력했는데
npm start를 하면 브라우저가 열리고 성공적으로 실행되는거 같더니
갑자기 Failed to compile.
Module not found: Error: Can't resolve 'web-vitals' in 'C:\Users\leesuin\voca\src'
ERROR in ./src/reportWebVitals.js 5:4-24
**Module not found: Error: Can't resolve 'web-vitals' in 'C:\Users\leesuin\voca\src'**
webpack compiled with 1 error에러가 생겼다..
web-vitals 패키지가 누락되어서 생긴 오류.
create-react-app 기본 템플릿은 web-vitals 패키지를 사용하여 성능 측정을 지원하지만, React 버전을 다운그레이드하면서 해당 패키지가 누락되 생긴 문제다.
npm install web-vitals
npm start 입력한다
이제 브라우저에서 React 앱이 정상적으로 실행된다!
