React 앱 설치 에러(Installing template dependencies using npm)

React 설치 에러 해결

 

 

 

 

Node 버전 : v22.14.0

npm 버전 : 10.9.2

 

React 설치 시 에러 원인은 리액트19버전이 원인인듯

 

1. 첫번째 시도는 리액트를 제거 후 재설치하는 방법

npm uninstall -g create-react-app 으로 리액트 앱 제거

 

npm install -g create-react-app 으로 리액트 앱 재설치

 

npx create-react-app [app name] 으로 리액트 앱 실행

 

하지만 그래도 실패

 

 

2. Yarn 으로 설치

Yarn을 설치하고 Yarn을 이용하여 리액트앱을 설치하는 방법

npm install -g yarn

yarn create react-app [app name]

 

 

3. 리액트 버전 변경

리액트앱을 설치 후 실패하게 되면 설치 실패한 리액트 앱으로 이동해서 리액트의 버전을 변경한다.

 

npx create-react-app [app-name]

cd app-name

npm install react@18 react-dom@18

npm i web-vitals

npm start

 

http://localhost:3000/ 로 접속

 

 

 

npm i web-vitals  는 Web Vitals 라이브러리를 설치하는 명령어로 웹사이트의 성능을 측정하고 사용자 경험을 개선하는데 중요한 지표들을 수집할 수 있게 도와준다.

web-vitals를 설치 하지 않으면 아래와 같은 상황이 발생한다.