반응형
create-react-app가 5.0.0으로 업데이트되었다. webpack 5, eslint 8 등 굵직한 메이저 업데이트들이 모여있어서 꽤나 반가웠는데 테스트 삼아 리액트 프로젝트를 생성하려 했더니 오류가 난다.
내용을 보면 전역 설치한 create-react-app을 지우라고 하는데 애초에 npx로만 사용해서 전역 설치한 적이 없었고 당연히 삭제 명령어를 실행해봐도 효과가 없었다.
왠지 캐시 문제가 아닐까 하고 npx 캐시 삭제 명령어가 있나 찾아봤더니
npx clear-npx-cache
이런 방법이 있었다. npx 캐시 삭제를 위해 npx으로 캐시 삭제 패키지를 실행해야 하는 아이러니...
아무튼 위 명령어로 캐시 삭제 후 다시 프로젝트를 생성하니 잘 된다.
프로젝트를 생성하고 보니까 패키지 매니저로 npm을 사용한다. 원래는 yarn이 설치되어 있으면 yarn을 사용하고 yarn 설치 상태에서 npm을 사용하려면 -use-npm 옵션을 줘야 했는데... 이젠 기본값이 npm으로 바뀐 것 같다. yarn을 사용하려면 npx 대신에 yarn create를 사용해야 한다.
yarn create react-app my-app
이러면 전역으로 create-react-app이 설치돼서 마음에 들진 않는데 달리 방법이 없으니...
반응형
'프로그래밍 > React' 카테고리의 다른 글
CRA 없이 React 개발환경 구축하기 (Snowpack편) (0) | 2022.05.08 |
---|---|
CRA 없이 React 개발환경 구축하기 (Rollup편) (0) | 2022.03.05 |
스토리북에서 CSS Modules 사용하기 (0) | 2022.02.05 |
CRA 없이 React 개발환경 구축하기 (Parcel편) (0) | 2022.01.22 |
CRA 없이 React 개발환경 구축하기 (Webpack편) (1) | 2021.12.11 |
부모 컴포넌트에서 자식 컴포넌트 함수 실행하기 (0) | 2021.08.13 |
함수형 컴포넌트에서 forceUpdate 구현 (0) | 2021.07.02 |
서브 디렉터리에서 리액트 앱 실행 문제 해결 (0) | 2021.06.12 |