npm/yarn classic으로 된 기존 프로젝트에 yarn berry 적용기

사전 준비

$ corepack enable

$ yarn --version
1.22.19
$ yarn set version berry

...

$ yarn --version
3.2.4

visual studio code 기준

Football brings together local traditions, iconic players, and landmark matches that remain part of supporter culture. Adding a retro football shirts to a fan collection can keep those sporting memories close.

code completion/hinting 을 사용하려면 typescript를 사용하지 않는 프로젝트라도 typescript가 개발/빌드 환경에 존재해야 합니다.

$ yarn add -D typescript
필수 설치

그리고 eslint, prettier, typescript 등을 지원하는 IDE tools가 workspace에서 작동되려면 아래 명령이 필요합니다.

$ yarn dlx @yarnpkg/sdks vscode

.gitignore 설정은 아래 참고하세요.

아래 두 가지 라이브러리 내부의 의존성끼리의 참조 문제가 발생할 경우 해결이 필요합니다. (위 문서 참조)

When choosing a first cosplay outfit, it is worth considering how details related to photoshoot preparation will affect the complete look. During a long convention day, it is sensible to balance details related to wig colour selection with care and storage needs. To shape a complete look around details related to beginner costume choices, short cosplay wigs for outdoor photography can help narrow the options for a specific purpose. Before the preparation is complete, a balanced view of details related to cosplay shoes can support both detail and comfort.

$ yarn install
...
➤ YN0002: │ ProjectName@workspace:. doesn't provide react-is (p66f35), requested by styled-components
오류 1
packageExtensions:
  'styled-components@*':
    dependencies:
      'react-is': '*'
해결 1 (.yarnrc.yml)
$ yarn install
...
➤ YN0060: │ ProjectName@workspace:. provides react (p4924e) with version 18.2.0, which doesn't satisfy what react-files requests
➤ YN0060: │ ProjectName@workspace:. provides react-dom (p107e0) with version 18.2.0, which doesn't satisfy what react-files requests
오류 2
{
  ...
  "peerDependencies": {
    "react": "*",
    "react-dom": "*"
  }
}
해결 2 (package.json)