인프런 커뮤니티 질문&답변

작성한 질문수

실무에 바로 적용하는 스토리북과 UI 테스트

강의 전 프로젝트 환경설정

스토리북 실행이 잘 안됩니다. ㅠㅠ

작성

·

451

1

강의 초반, 스토리북 설치를 하는데

npx storybook@latest init 명령어를 치면 스토리북이 열리긴 하는데 로딩이 멈추질 않습니다. ㅠㅠ

오류 메시지는 아래와 같이 나옵니다.

열심히 구글링도 해봤지만 해결책을 찾지 못했습니다.

react typescript tailwind-css storybook ui-testing

답변 3

0

다른 방법으로 일단 스토리북이 정상적으로 설치되고 열리는것 까진 성공했어요.

프로젝트 생성

yarn create vite design-system-lecture --template react-ts

yarn install
npx storybook@latest init

흠.. 이것도 결국 안되네요..ㅠㅠ

0

저도 똑같은 문제에 봉착했습니다. ㅠㅠ

CRA로 다시 가야할까봐요..

지식공유자

윈도우 관련 문제인가보네요. 디자인 시스템 생성 목적으로 CRA를 활용하신다면 프로덕션 빌드에 사용되는 건 아니니 성능에도 크게 문제가 있을 것 같지는 않습니다!

0

지식공유자

에러메시지를 보고 추측하기로는 권한문제인 것 같습니다. 아래 링크를 참고해서 진행해보세요~

https://stackoverflow.com/a/42677294

질문자

주신 사이트를 보고 파일 권한을 이리저리 막 설정해 봤는데도 잘 안되네요..

정말 배우고 싶은데 처음부터 안되서 답답합니다.ㅠㅠ

지식공유자

https://github.com/vitejs/vite/issues/4030

img나 link를 한번 확인해보셔야 할 것 같습니다.

그리고 혹시 한국어가 alt나 이미지 경로에 있는지도 같이 한번 확인해주세요!

질문자

아무리 해도 잘 안되네요. 혹시나 해서 CRA로 했는데 이건 잘되네요.

vite가 아니라 CRA로 해도 강의 따라오는데 문제 없을까요??

지식공유자

네네 vite에 issue가 있는걸로 봐서는 vite와 윈도우의 호환문제라서 cra로 진행하셔도 문제 없습니다!

말씀하신 내용은 제가 강의설명에도 추가해두는게 좋겠네요. 감사합니다

작성한 질문수