리액트(React) 설치 에러 / yarn으로 react 프로젝트 생성 에러

리액트 개발 환경을 설치하기 위해

1. 노드 버전 매니저(NVM)으로 노드제이에스 설치

2. yarn과 create-react-app 설치

이 순서로 진행하다가 2번에서 막히게 되었다.

분명 yarn을 통해 명령어를 잘 입력해주었음에도 아래와 같은 에러가 발생했다.

리액트를 처음 공부하는 입장으로서 매우 당황스러운 순간이었다.

그런데 나와 같은 설치 에러를 찾는데 몇 시간 쏟는 사람이 없길 바라며,

해결책을 알려드리도록 하겠다.

우선 NVM으로 노드제이에스를 설치하면서

낮은 버전의 노드제이에스를 설치하면서 발생하는 문제인 것 같다.

내가 설치했던 버전은 nvm install 10.10.0 이었다.

너무 이전 버전을 설치하려다보니 발생한 것 같아

nvm 명령어로 노드제이에스를 설치하지 않고

Node.js 사이트에 가서 최신 버전을 설치했다.

다운로드 주소는 아래와 같다.

Download | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

운영체제에 맞게 윈도우, 맥OS 구분해서 설치해주면 된다.

아래의 로고 모양을 클릭하면 설치가 완료되고

설치를 진행해준다.

다시 명령어를 입력하니 정상적으로 실행되는 것을 확인할 수 있었다.

yarn create react-app do-it-example --scripts-version 2.1.7

리액트(React)

Error: error:0308010C:digital envelope routines::unsupported

위와 같은 에러가 발생할 시 다른 티스토리 참고.

HwanE Develop Blog