WebStrom에서 yarn-berry 환경 구성

gateisbug·2024년 4월 2일

Learn

목록 보기
3/4

개요

  • yarn-berry로 프로젝트를 구성한 경우 webstorm에서 볼 수 있는 문제는 module not found다. webstorm을 포함한 다른 IDE들 이 yarn-berry 환경을 기반으로 개발된 것이 아니기 때문에, package manager를 찾을 수 없기 때문에 발생하는 문제라 볼 수 있다.
  • 따라서 여기에 안 적혀 있어도 대부분 interpreter나 package manager가 yarn.cjs를 가리키면 대부분 해결될 것이라 생각된다.
  • webstorm 쓰는 사람이 거의 없어서 그냥 똥꼬쇼 하면서 해결했다.

일반적인 경우

  1. Files > Settings
  2. Languages & Frameworks > Node.js
    • Node Interpreter는 건드릴 것이 없다
    • Package Manager가 현재 패키지 내의 yarn-berry.cjs를 가리키게 한다.
      • 대체로 project_name\.yarn\release\yarn-verison.cjs에 있다.
    • 2022.2 버전 이후로 webstorm이 yarn-berry를 공식 지원하고 있기 때문에 대부분의 문제는 여기까지만 해도 해결된다.

만약에 프로젝트가 typescript를 사용하는 경우

  1. Languages & Frameworks > Typescript
    • Node Interpreteryarn-{version}.cjsnodejs\yarn을 가리키게 한다.

그럼에도 안될 때

yarn add @yarnpkg/sdks -D
yarn dlx @yarnpkg/sdks vscode
yarn plugin import typescript
profile
쉽고, 짧고, 실용적인 코드를 지향하는 코드 디스펜서입니다.

0개의 댓글