[Yarn] 최신 Yarn 설치 및 설정하기 : ERROR 해결하기 / window

[ yarn 설치하기 ]

1. 터미널을 열어 아래 명령문을 입력한다.

yarn create react-app "폴더명"

 

1-1. 프로젝트가 생성되면서 터미널창에 yarn 명령법이 나온다.

 

yarn start	실행
yarn build	배포하기 위한 프로젝트 빌드
yarn test	테스트 스크립트 실행
yarn eject	설정 변경 (원본 변경)

+ 기본적으로 git도 함께 설치된다.

 

---

[ Error 해결하기 ] 최신 Yarn 설정하기

react에서 yarn start를 실행했을 때, 에러가 발생하는 경우가 있다.

 

원인은 create-react-app과 yarn에서 충돌이 일어나서 그렇다.

eslint 관련하여 수동적으로 수정이 필요하다.

2. 터미널을 열어 아래 명령문을 입력한다.

yarn add eslint-config-react-app -D

3.  상위폴더 안에 .yarnrc.yml 폴더 생성

packageExtensions:
    react-scripts@*:
        peerDependencies:
            eslint-config-react-app: "*"

띄어쓰기 주의!

 

4. 캐시를 초기화한다.

yarn cache clean

5. 프로젝트 재셋업

yarn install

 

---

📍 참고
https://create-react-app.dev/docs/getting-started/