프론트엔드 개발에서 UI 컴포넌트의 개발, 테스트, 문서화를 위한 오픈 소스 툴로 인기 있는 스토리북!
팀 프로젝트를 진행하면서 써보고 싶어서 설치를 했다.
npx storybook@latest init스토리북 공식문서에 쓰여 있는대로 스토리북을 설치해줬다.
실행하려고 했더니 오류가 발생했다😅
혹시 스토리북 베타 버전인 8버전이 불안정해서 그런가...?
24년 3월 게시글중에 베타버전으로 설치하면 버그가 발생한다는 소식을 듣고 7.6으로 설치해봤다
역시 어림도 없지!!!
실행은 여전히 안되었다😭
The Yarn Plug'n'Play manifest forbids importing "@storybook/addon-actions" here because it's not listed as a dependency of this package:
오류에 Yarn Plug'n'Play 관련 메시지가 있는 것을 보니 스토리북 패키지의 문제가 아닌 것 같았다.
나는 pnpm으로 패키지를 설치했다.
yarn으로 패키지를 설지하지 않았는데 Yarn Plug’n Play 관련 메시지가 떠있어서 당황스러웠다.
일단 오류 메시지가 발생한 .pnp.cjs 파일을 확인해보았는데 파일의 위치가 Users/dayoung에 있었다.
저번에 yarn PnP를 경험해보고 싶어서 이것저것 시도했는데 그 때 전역적으로 설치되어 문제가 된 것 같다.
일단 .pnp.cjs 파일을 백업해두고 삭제해줬다.
npx storybook@7.3 init다시 명령어를 입력했는데...
설치가 되더니 알아서 6006번 포트로 실행까지 되었다 ㅎㅎ
참고