yarn berry pnp 적용시 vscode eslint 저장 지연되는현상..

Question

안녕하세요,&#64;nestjs/cli new project ,yarn 설정으로 프로젝트를 꾸리고,yarn berry,pnp 옵션으로 설정후 yarn dlx &#64;yarnpkg/sdks vscode를 터미널에 입력후,.vscode폴더와 세팅파일들이 나타나면,아무 파일을 건드리고 저장을하면 아래 이미지와 같이 저장지연이 됩니다.처음엔 nestjs/cli 잘못인줄 알았으나 아닌것 같습니다.꼭 yarn dlx &#64;yarnpkg/sdks vscode를 입력후 .vscode폴더가 나와서 berry랑 vscode가 연동(!?)이 되면 저런 현상이 나타는데요..계속 검색키워드를 찾고 해보려고해도 쉽지가않습니다.혹시 저와같은 현상겪어보신분이나, 검색키워드에대해서 추천좀 부탁드리겠습니다.

Clickin · Answer

eslint 등의 도구는 node_modules를 기반으로 동작할겁니다.근데 yarn berry는 node_modules를 사용하지 않죠 참고자료 https://toss.tech/article/node-modules-and-yarn-berry그러니 마치 node_modules가 있는 것처럼 동작시키기 위해서 해당 구문이 필요하다고 보입니다.공식문서 editor support https://yarnpkg.com/getting-started/editor-sdks블로그 https://xionwcfm.tistory.com/m/283이 부분 보시면 됩니다Why are SDKs needed with Yarn PnP?Yarn PnP works by generating a Node.js loader, which has to be injected within the Node.js runtime. Many IDE extensions execute the packages they wrap (Prettier, TypeScript, ...) without consideration for loaders.The SDKs workaround that by generating indirection packages. When required, these indirection automatically setup the loader before forwarding the require calls to the real packages.

RWB · Answer

ctrl(command) &#43; shift &#43; P 누르시고show running extensions 이거 치시면 현재 실행 중인 확장 프로그램의 현황 나오실텐데, 여기서 잡아먹는 시간 보고 문제가 발생하는 확장프로그램을 확인할 수 있습니다.확장프로그램 뿐만 아니라, 확장프로그램이 동작하기 위해 사용하는 서브 디펜던시도 보여지므로, 적절히 유추해야 할 필요도 있습니다.이를테면, ESLint는 코드 분석을 위해 Emmet 등의 서브 디펜던시를 사용합니다.ESLint가 오래 걸리는 원인의 대부분은, 너무 많은 트리의 파일을 탐색하기 때문입니다.yarn pnp의 경우, node_modules가 아닌, .yarn 폴더를 사용하는데, ESLint에서 해당 폴더도 탐색 대상에서 제외되었는지 확인해보세요.그게 아니라면 프로젝트 구조든 뭐든 다른 문제가 있을겁니다.

yarn berry pnp 적용시 vscode eslint 저장 지연되는현상..

2개의 답변

#yarn 목록