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

date
Jun 15, 2022
slug
pnperror-solution-yarnberry
status
Published
tags
frontend
React
Yarn
ESLint
summary
Zero-Install은 꽤 어렵다
type
Post

Yarn v3.2.1 전환 이후…

Yarn 패키지 매니저는 늘상 깊은 곳에 빠지는 node_modules 문제를 해결하기 위해 Yarn-Berry에 Zero-install 기능을 내놓으며 모듈 관리의 큰 장점을 가져왔다.
node_modules 방식은 너무 비효율적이다는 묘사
node_modules 방식은 너무 비효율적이다는 묘사
더 자세한 정보는 토스 기술 블로그의 추천사를 참고하세요
문제가 생겼다!
ESLint가 모듈을 가져오지 않고 오류를 내뿜는게 반복된다. 심지어 React도 가져오지 못하는 상황!
notion image
스택오버플로우나 구글 검색에도 마땅한 잘 나오지 않는 상황

해결 과정

  1. 터미널에 yarn dlx @yarnpkg/sdks vscode → CMD + SHIFT + P → Select Typescript Version → Workspace-SDK
      2. 공식 문서에도 나와있는 방법이지만 이 방법이 안먹힐 때가 있다.
  1. .eslint.rc 파일 수정
      2. notion image
      stackoverflow의 엄청난 도움으로 꽤 복잡하게 됐지만 이 방법도 실패.. 지금 보니 이 오류는 eslint와 아무 상관 없다. 삽질 과정이었을 뿐.
  1. 공식 Docs를 더 참고할 것
      2. 사용하는 모듈들이 호환성이 다른지 고민 https://yarnpkg.com/features/pnp#compatibility-table ← 별 도움은 되지 않음
  1. 해결: 타입스크립트 다운그레이드 습관처럼 하는 yarn upgrade-interactive 최신 업그레이드 문제가 원인이었다. issue에 따라 타입스크립트 버전을 4.4.4로 변경하니 단숨에 사라진 Error! https://github.com/yarnpkg/berry/issues/3722

    reference

     

    © jadru 2022 - 2024