yarnberry

살짝 어이없는 yarnberry typescript 이슈

2023. 6. 13. 10:50
목차
  1. 🙄무수한 빨간줄을 해결하려면
  2. 해결방법

🙄무수한 빨간줄을 해결하려면

최근에 새로 만들어본 yarn berry 프로젝트들이 다 이꼴이 났습니다.

https://xionwcfm.tistory.com/283

 

좌충우돌 yarn berry 도입해보기

🐕 yarn berry yarn berry, yarn2 , yarn3.~~ 등 여러가지 이름으로 불리지만 결국 다 같은 것을 지칭한다고 볼 수 있습니다. yarn berry가 왜 좋은지 yarn berry를 왜 사용하는지는 이미 구글에 yarn berry를 검색하

xionwcfm.tistory.com

이 포스트를 적을 당시에는 문제없이 돌아가던 방법이

시간이 지나면서 되지 않는 현상이 발생한것이지요

https://learn-dev.tistory.com/9

 

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

 

조금 예전 포스트이지만 이 블로그에서 영감을 받았습니다.

https://github.com/yarnpkg/berry/issues/5125

 

[Bug?]: TS 4.9.4 PnP `Cannot find module` error · Issue #5125 · yarnpkg/berry

Self-service I'd be willing to implement a fix Describe the bug When installing typescript@4.9.4 with yarn@3.3.0 in VSCode, Cannot find module * or its corresponding type declarations. is displayed...

github.com

 

다만 생각해봤을때 제가 문제없이 돌아가던 타입스크립트 버전이

4.9.4보다는 더 높았던 기억이 있고 저 이슈도 지금기준으로 약 10개월 가량 지난 이슈기에

이전에 문제없이 돌아가던 프로젝트의 타입스크립트 버전을 확인해봤습니다.

5.0.2로 4.9.4보다는 높았던것을 확인했습니다.

그리고 문제가 생기던 시점의 타입스크립트 버전은 5.1.3이었습니다.


해결방법

yarn remove typescript
yarn add typescript@5.0.2
yarn dlx @yarnpkg/sdks vscode

지워주고 괜찮았던 버전으로 새로 깔았습니다.

5.0.2 ~ 5.1.3 사이에 어느지점이 문제가 될 것이지만

저는 5.0.2로 만족하니 저 사이를 조금씩 테스트해보시면 문제가 되는 버전을 찾아낼 수 있을 듯합니다.

반응형
저작자표시 비영리 (새창열림)

'yarnberry' 카테고리의 다른 글

yarn berry pnp 모드에서 prettier plugin 을 resolve 시키자.  (1) 2024.03.28
yarn berry는 4가 되었고 zeroinstall 은 못생겼다.  (1) 2024.03.28
yarn berry zeroinstall 사용 시 gitignore설정  (0) 2023.05.11
yarnberry에서 prettier plugin과 prettier 적용 방법  (1) 2023.05.01
모노레포 개념 , 얕고 넓게 알아보기  (0) 2023.04.30
  1. 🙄무수한 빨간줄을 해결하려면
  2. 해결방법
'yarnberry' 카테고리의 다른 글
  • yarn berry pnp 모드에서 prettier plugin 을 resolve 시키자.
  • yarn berry는 4가 되었고 zeroinstall 은 못생겼다.
  • yarn berry zeroinstall 사용 시 gitignore설정
  • yarnberry에서 prettier plugin과 prettier 적용 방법
냠냠맨
냠냠맨
프론트엔드 개발 전반을 다루는 기술 블로그입니다.
냠냠맨
React와 TypeScript를 좋아하는 개발자
냠냠맨
전체
오늘
어제
  • all category (434)
    • CMC (0)
    • best (11)
    • 년간회고 (1)
    • cheetsheet (15)
    • 프로젝트 회고 (3)
    • 서평 (3)
    • SEO Study (1)
    • 프로젝트 진행기 (10)
    • testcode (9)
    • yarnberry (7)
    • css (21)
    • typescript (15)
    • redux (7)
    • react (43)
    • Next.js (9)
    • Nestjs (3)
    • javascript (44)
    • programmers (67)
    • leetcode (41)
    • frontend (41)
    • backjoon (1)
    • Next.js Beta Docs 번역 (12)
    • TIL (15)
      • html (3)
    • Network (12)
      • 간단 정리 시리즈 (2)
      • 질답 준비 (0)
    • 자료구조와 알고리즘 (2)
    • CS (4)
      • OS (1)
    • 취업준비 (2)
    • zoom websocket (2)
    • talk (6)
    • 면접대비 (1)
    • 코드스테이츠 프론트 (5)
    • 간헐적 회고 (18)

블로그 메뉴

  • leetcode
  • programmers
  • javascript
  • html
  • css

공지사항

인기 글

태그

  • 테오의스프린트
  • frontend
  • teosprint
  • 프론트엔드
  • 테오의스프린트17기
  • LeetCode
  • 개발
  • border말풍선
  • 말풍선
  • 코드스테이츠 #프론트엔드
  • 개발자
  • JavaScript
  • 주니어개발자
  • CSS

최근 댓글

최근 글

hELLO · Designed By 정상우.
냠냠맨
살짝 어이없는 yarnberry typescript 이슈
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.