[에러] yarn으로 create-react-app 설치 중 에러

HyunJoo·2023년 8월 5일
1
post-thumbnail

문제 발생

yarn으로 /Users/hyunjoo/cording/react 폴더에서 yarn create react-app my-app --template typescript를 했는데 아래와 같은 에러가 발생하고 설치가 안됨

Usage Error: The nearest package directory (/Users/hyunjoo/cording/react/my-app) doesn't seem to be part of the project declared in /Users/hyunjoo.

- If /Users/hyunjoo isn't intended to be a project, remove any yarn.lock and/or package.json file there.
- If /Users/hyunjoo is intended to be a project, it might be that you forgot to list cording/react/my-app in its workspace configuration.
- Finally, if /Users/hyunjoo is fine and you intend cording/react/my-app to be treated as a completely separate project (not even a workspace), create an empty yarn.lock file in it.

문제 해결

첫번째 방법에 나와 있는 /Users/hyunjoo 디렉토리의 yarn.lock 또는 pacake.json 파일을 삭제하고 설치했다.

🧐 왜???

yarn 2.0부터 Workspaces라는 개념이 도입되면서 package.json 파일의 의미가
패키지 목록을 지정하는 파일에서 workspace를 판단하는 파일로 변경되었다.

그래서 /Users/hyunjoo 에 설치되어 있는 package.json으로 인해 workspace로 간주한다.

workspace 안에 하위 workspace 가 존재할 수 있는데 루트 workspace의 package.json에서 하위 workspace를 써주면 된다.

지금 상황에서는/Users/hyunjoo 디렉토리에 있는 package.json에 아래 내용을 추가하면 된다.

{
  "private": true,
	"workspaces": ["coding/react/my-app"]
}

자세한 내용은 Yarn 공식문서에서 확인할 수 있다.

profile
Front-End Engineer

1개의 댓글

comment-user-thumbnail
2023년 8월 5일

훌륭한 글 감사드립니다.

답글 달기