[VS code_React] yarn start 안될 때

yarn start는 안되고 npm start는 된다? > 이 글을 읽으세요

급한 사람들은 2번부터 읽으세요^,~

 

react를 배우면서 화면에 띄우기 위해서 실행 구문을 사용할 텐데,  yarn이 최신버전이고 바로바로 업데이트되기 때문에 주로 사용한다는 글을 남긴 적이 있다.

그런데 yarn start가 안먹히는 상황이 발생했다. 검색하면 이렇게 실행할 수 없는 파일이라는 오류가 나오는 것.

터미널에 나오는 오류내용

 

그런데 npm start는 먹힌다.  그러면 그냥 npm start해서 적용해야겠다 생각하지만 npm은 최신 버전으로 업데이트하면 이전 버전을 삭제해야 하는 귀찮음이 있기 때문에 되도록 yarn을 사용하도록 권장되고 있다. 

 

그럼 이제 yarn을 적용시켜보도록 하겠다. 

 

1. 가장 먼저 yarn이 설치되어있는지를 확인해봐야한다.

 

C:\devtools\reactwork\(프로젝트 이름)>yarn -v
C:\devtools\reactwork\(프로젝트 이름)>yarn --version

 

두 구문 중 하나를 실행시켜서 yarn이 제대로 설치되어 있는지를 확인해본다.  버전 정보가 나온다면 똑바로 실행되어 있는 것이다. 두 구문의 차이는 -의 개수 차이인데, 하나면 약어로 v만 사용 가능하고 --두 개를 사용하면 version이라고 전체 단어를 적어야 한다. 

 

설치가 안되어있다면. 다음 구문을 입력해서 설치를 해주도록 하자. 

npm install (--global) yarn

 

설치가 되었는지는 제일 처음에 쳐봤던 yarn -v를 눌러서 설치가 잘 되었는지 확인하자

 

 

2. yarn에 start 명령문 추가하기 

yarn에는 기본적으로 start라는 명령문이 없고 그렇기 때문에 실행할 수 있는 프로그램이 없다는 오류가 발생하게 된다. 

npm에는 start가 기본으로 내제되어 있기 때문에 npm start는 실행이 가능 한 것인데, 그렇기 때문에 yarn에는 start 명령문을 따로 추가해줘야한다. 

 

C:\devtools\reactwork\(프로젝트 이름)>yarn add react-scripts

실행구문을 적는 위치를 잘 확인하자! 프로젝트 경로까지 들어간 뒤에 실행해야 해당 프로그램에서 실행가능하다.

해당 구문을 실행시킨 뒤에 다시 yarn start를 해보면 실행이 잘 되는 것을 확인 할 수 있을 것이다.

(내가 이렇게 경로까지 들어가서 자꾸 add해서 새 프로젝트를 만들때마다 또... add해야하는 건인지... 확인필요)