https://learn-dev.tistory.com/9의 세팅을 완료한 이후, eslint를 구성하면서 헤맸던 부분을 정리한 글입니다. cra + typescript + yarn berry 세팅 cra + yarn berry 세팅하며 발생한 이슈를 정리해보았습니다. cra + yarn berry 세팅 create-react-app을 사용하여 react 환경을 구성합니다. npx create-react-app cra-with-berry --template typescript node_modules과 lock 파일을 learn-dev.tistory.com 문제 현상 cra + ts + yarn berry 환경에서 vscode가 eslint 구문 에러를 표시하지 않는 현상. 해결 방법 1. eslint와..
cra + yarn berry 세팅하며 발생한 이슈를 정리해보았습니다. cra + yarn berry 세팅 create-react-app을 사용하여 react 환경을 구성합니다. npx create-react-app cra-with-berry --template typescript node_modules과 lock 파일을 제거합니다. # 1. 생성한 cra 폴더로 이동 cd cra-with-berry # 2. node_modules 제거 rm -rf node_modules # 3. lock file 제거 rm -rf package-lock.json # 또는 rm -rf yarn.lock yarn 버전을 설정합니다. yarn set version berry 패키지를 설치합니다. yarn # 또는 yarn ..
npx create-react-app를 사용하여 리액트 앱을 생성할 때 아래와 같은 에러가 발생합니다. 메시지에서 제공하는 npm uninstall -g create-react-app 또는 yarn global remove create-react-app을 입력한 후에도 결과는 같기 때문에 에러에 대한 해결방안은 다음과 같습니다. 첫 번째 방법은 @latest와 함께 실행합니다. npx create-react-app@latest react-app 두 번째 방법은 패키지를 재설치 후 실행합니다. npm uninstall -g create-react-app npm install -g create-react-app npx create-react-app react-app 세 번째 방법은 cache를 삭제 후 실행..