Today I Learned …
CRA 시 Aborting installation, yarnpkg add ... 오류 해결 본문
CRA 시 Aborting installation, yarnpkg add ... 오류 해결
염베리 2023. 2. 9. 03:42CRA로 리액트 프로젝트 생성 시 설치가 되다말고 터져버리는 오류였다!
(오류 상황을 캡쳐해두는걸 깜빡했다 ㅠㅠ)
정확히 아래와 같은 상황이었다.
Unable to create react, Abort Installation yarnpkg add --exact react react-dom react-scripts cra-template has failed
I'm having trouble to create npx create-react-app . ➤ YN0009: │ core-js@npm:2.6.11 couldn't be built successfully (exit code 1, logs can be found here: /C:/Users/acer/AppData/Local/Temp/logfile-
stackoverflow.com
결론부터 말하자면 노드 버전이 낮아서 생기는 문제였다.
노드 업데이트를 해주면 해결되는데, 참고로 위 스택오버플로우의 답변으로는 해결이 되지 않았다...
노드 버전을 바꿔주는건 아주 간단하다.
노드 설치를 도와주는 n 모듈을 사용해보자!
$ sudo npm install -g n
$ sudo n 18.14.0 // 현재 lts인 18.14.0 버전을 설치한다 (23.02.09)설치가 완료되면, 아래와 같은 로그가 찍힌다.
사실 이 부분 때문에 포스팅을 작성하게 되었다.
18.14.0 버전이 설치는 되었지만, active는 아직 18.11.0 버전인 것을 알 수 있다.
즉 새로 설치한 버전을 active로 설정해주어야 한다.
방법은 심볼릭 링크를 새로 설정해주면 된다.
심볼릭 링크가 낯설다면 아래 포스팅을 참고해본다!
https://qjadud22.tistory.com/22
[Linux] 심볼릭 링크(Symbolic link)
1. 심볼릭 링크(symbolic link) 란? - 링크를 연결하여 원본 파일을 직접 사용하는 것과 같은 효과를 내는 링크이다. 윈도우의 바로가기와 비슷한 개념 - 특정 폴더에 링크를 걸어 NAS, library 원본 파일
qjadud22.tistory.com
딱 세번의 스텝으로 node의 심볼릭 링크를 새로 설정해줄 수 있다.
1. 먼저, node가 항상 가리키는 위치를 확인한다.
2. 현재 node의 심볼릭 링크를 삭제한다.
3. 새로 설치된 node 버전으로 심볼릭 링크를 연결해준다.
끝이다!
노드 버전을 다시 찍어보자.
이제 CRA도 정상적으로 설치된다.
