demo/with-cra 에서 yarn 빌드 오류

[hy57in]

Issue description

demo/with-cra 폴더 내에서 개발서버를 띄우거나 빌드시 오류가 납니다ㅜ
demo/with-cra 폴더 내에서 yarn install 해도 중간에 오류가 뜹니다ㅜ

yarn.lock 지우고 다시 해봐도 안되네용

config에 오류가 있는듯한데 건들 수가 없어 도움을 요청ㅇ합니다!

Steps to reproduce the issue

1. root에서 yarn install && yarn serve
2. /demo/with-cra 에 들어간다
3. yarn install
4. yarn dev

What's the expected result?

• yarn dev 시 개발서버 동작..

What's the actual result?

• yarn install 하면

➤ YN0001: │ Error: @types/react-dom@file:../../node_modules/react-dom::locator=with-nextjs%40workspace%3A.: ENOENT: no such file or directory, lstat

• yarn dev 또는 yarn build 하면

Internal Error: demo@workspace:.: This package doesn't seem to be present in your lockfile; run "yarn install" to update the lockfile

Additional details

[greatSumini]

올려주신 에러는 RAP 패키지 관리자가 Yarn berry로 변경되면서 루트 경로의 node_modules가 사라져서 발생한 것 같습니다 ㅎㅎ..
근데 react, react-dom을 따로 설치해서 해당 에러를 해결해봐도 serve중인 RAP의 dependency들 못 읽네요 ㅠㅠ node_modules의 느슨한 의존성 관리 덕분에 정상 작동하고 있던 것 같습니다 😭

저희가 해볼 수 있는 조치들은 아래와 같이 있는듯한데.. 논의가 필요할 것 같아용

1. RAP에서 Yarn berry를 제거하고 다시 node_modules를 사용한다.
2. demo의 디펜던시들까지 아예 하나의 패키지로 관리한다.
3. vercel/next.js examples처럼 demo 프로젝트들의 relative dependency들을 모두 제거해 RAP와 완전히 격리한다. (지금처럼 개발 모드 켜놓고 모니터링하는 용도로 사용할 수 없게 됨)
4. yarn workspace를 도입한다. (workspace 도입하려면 RAP도 통째로 옮기는게 맞을듯한디.. 이건 좀 아닌둣합니다)

개인적으로는 1번을 선택해 빠르게 문제 해결하고 신규 기능 추가에 집중하는 것도 좋을듯합니다 ㅎㅎ..

[hy57in]

올려주신 에러는 RAP 패키지 관리자가 Yarn berry로 변경되면서 루트 경로의 node_modules가 사라져서 발생한 것 같습니다 ㅎㅎ..
근데 react, react-dom을 따로 설치해서 해당 에러를 해결해봐도 serve중인 RAP의 dependency들 못 읽네요 ㅠㅠ node_modules의 느슨한 의존성 관리 덕분에 정상 작동하고 있던 것 같습니다 😭

저희가 해볼 수 있는 조치들은 아래와 같이 있는듯한데.. 논의가 필요할 것 같아용

1. RAP에서 Yarn berry를 제거하고 다시 node_modules를 사용한다.
2. demo의 디펜던시들까지 아예 하나의 패키지로 관리한다.
3. vercel/next.js examples처럼 demo 프로젝트들의 relative dependency들을 모두 제거해 RAP와 완전히 격리한다. (지금처럼 개발 모드 켜놓고 모니터링하는 용도로 사용할 수 없게 됨)
4. yarn workspace를 도입한다. (workspace 도입하려면 RAP도 통째로 옮기는게 맞을듯한디.. 이건 좀 아닌둣합니다)

개인적으로는 1번을 선택해 빠르게 문제 해결하고 신규 기능 추가에 집중하는 것도 좋을듯합니다 ㅎㅎ..

오호 yarn berry 제거하는게 쉽다면 되돌려도 좋을거같아요! 그런데 나중에 다시 yarn berry를 도입했을 때 결국 2,3,4 중 하나의 방법으로 문제를 해결해야하는거죠?

[jhlee910609]

@greatSumini 이상적인 건 4번인데 쉽게 될지는 미지수네요 ㅠㅠㅠ

[greatSumini]

@hy57in 네 그춍 근데 Yarn Berry가 꼭 필요하진 않을 수도 있을 것 같아여 배포가 잦지 않고 설치된 의존성이 적어 굳이..? 일수도 있을 것 같습니다!

[greatSumini]

@jhlee910609 저는 개발서버 테스트는 스토리북이나 E2E테스트로 해결하고 3번처럼 데모는 완전격리하는게 좋다고보긴하는디 환경 구성이 조금 어렵긴하져 ㅎ.ㅠ

[jhlee910609]

구글링 해도 yarn link 직접 해주 방법 외에는 잘 모르겠어서 몇 일 전에 yarn berry discussion에 문의했습니다. pnp mode에서 module linking 하는 방식이 있을까 해서요. 저는 해당 discussion 트래킹하고 있을게요.
yarnpkg/berry#3379

[josworks27]

제 생각도 demo는 rap에서 완전 분리되는 편이 좋지 앟을까 싶습니다.
현재는 file: .... 로 의존성을 찾는 방법을 사용하고 있는데, 이는 demo와 rap의 개발이 병렬로 진행되고 있어서 발생한 이슈 같습니다.

먼저 rap의 1.0.0 개발이 완료된 후 npm 배포 후 demo를 구현하는 방식은 어떨까요 ?? 이렇게 했을 시 아래와 같은 이점이 있을 것 같습니다.

1. 참여하는 인원들의 리소스를 rap에 집중시킬 수 있다.
2. rap가 변경됨에 따라 demo도 같이 바꿔야하는데 이러한 유지보수 관점에서의 관리 포인트를 줄일 수 있다.

죄송하게도 제가 demo는 많은 관심을 가지지 못하여 현재 이슈에 대한 이해가 부족합니다. 많이 의견 말씀해주시면 배우는 자세로 참고하겠습니다 !

[milooy]

@josworks27 님이 말씀해주신

2. rap가 변경됨에 따라 demo도 같이 바꿔야하는데 이러한 유지보수 관점에서의 관리 포인트를 줄일 수 있다.

관점에서 demo앱에서 local dependency를 떼는게 좋겠네요.
현시점에서 0.2.0으로 릴리즈하고 demo 분리시켜볼까요?

[jhlee910609]

@milooy 앗 제가 이해를 잘못하고 있었던 것 같네요. 3번은 이슈 만들어서 진행볼게요.

[jhlee910609]

아근데 demo에서 local dependency가 떼지면
라이브러리 개발이 불편해지겠네요
test case 작성 외에 어떻게 live하게 개발할 수 있을까요 🤔

@milooy 이 부분은 레퍼런스가 있는지 좀 찾아볼게요.

[jhlee910609]

@milooy https://yarnpkg.com/lang/en/docs/cli/link/ 도움이 좀 될까요? 👀

[milooy]

오... 츄라이 해봐요
(yarn2껄로 다시 가져옴 https://yarnpkg.com/cli/link/#gatsby-focus-wrapper)

[jhlee910609]

@milooy 도전해봅니다. 헤딩을 많이하게 될 경우 워크로그를 자세히 남긴 후, 지속 공유 드릴게요.