Yarn 3+에서 ESLint Cannot found module 문제 해결법 ts(2307)

Yarn v3.2.1 전환 이후…

Yarn 패키지 매니저는 늘상 깊은 곳에 빠지는 node_modules 문제를 해결하기 위해 Yarn-Berry에 Zero-install 기능을 내놓으며 모듈 관리의 큰 장점을 가져왔다.

더 자세한 정보는 토스 기술 블로그의 추천사를 참고하세요

문제가 생겼다!

ESLint가 모듈을 가져오지 않고 오류를 내뿜는게 반복된다. 심지어 React도 가져오지 못하는 상황!

스택오버플로우나 구글 검색에도 마땅한 잘 나오지 않는 상황

해결 과정

1. 터미널에 yarn dlx @yarnpkg/sdks vscode → CMD + SHIFT + P → Select Typescript Version → Workspace-SDK

공식 문서에도 나와있는 방법이지만 이 방법이 안먹힐 때가 있다.

1. .eslint.rc 파일 수정

stackoverflow의 엄청난 도움으로 꽤 복잡하게 됐지만
이 방법도 실패..
지금 보니 이 오류는 eslint와 아무 상관 없다. 삽질 과정이었을 뿐.

1. 공식 Docs를 더 참고할 것

사용하는 모듈들이 호환성이 다른지 고민
https://yarnpkg.com/features/pnp#compatibility-table ← 별 도움은 되지 않음

1. 해결: 타입스크립트 다운그레이드
   습관처럼 하는 yarn upgrade-interactive 최신 업그레이드 문제가 원인이었다.
   issue에 따라 타입스크립트 버전을 4.4.4로 변경하니 단숨에 사라진 Error!
   https://github.com/yarnpkg/berry/issues/3722

  yarn remove typescript
  rm -rf .yarn/sdks/typescript
  yarn add -D [email protected]
  yarn dlx @yarnpkg/sdks vscode

reference