개발일지/React
[Yarn] 최신 Yarn 설치 및 설정하기 : ERROR 해결하기 / window
정원의쓸모
2023. 6. 14. 11:31
[ 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