[에러 해결] React에서 craco사용하기 (react-scripts 4로 설치하기, 에러해결법)

현재 create-react-app 으로 리액트를 시작하게 되면 react-scripts는 5.0.1 버전이기 때문에 craco가 설치되지않는다. 

나의 경우 craco에 강제로 --legacy-peer-devs 를 붙여줘서 아래 명령어로 설치를 진행했었다.

 

npm i @craco/craco --legacy-peer-deps

 

하지만 이 후 uuid를 설치하려고 하니... 또 craco가 설치되지 않는 것과 같은 에러가 발생해서 문제를 알아본 결과... 원인은 이 글을 작성하는 2022년 5월 30일 현재, craco는 6.4.3 버전이다. 그리고 이  react-scripts가 4.x.x 로 설치가 되어야 한다. 그렇지 않으면 계속해서 같은 에러가 발생하게 됨...

 

암튼 그래서 react-scripts를 4버전으로 설치하고 시작을 했어야 한다는 것이다. (결국 기존 폴더를 아예 삭제하고 다시 생성함)

 

정리

npx create-react-app 폴더이름 --scripts-version 4.0.3  로 react 프로젝트를 시작한다.

 

그런데 만약 여기서 npx create-react-app 이 실행되지 않는 오류가 생긴다면 (나는 오류가 발생했다...)

 

1. npm uninstall -g create-react-app

2. npx clear-npx-cache

 

그리고 다시 설치 명령어를 실행하니 잘 설치가 되었다.

 

craco를 설치할 때도 뒤에 --legacy-peer-deps를 안 붙여주고 그냥 npm i @craco/craco 로 잘 설치가 되었다... ㅜㅜ