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

조진형님의 프로필 이미지

작성한 질문수

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

강의 전 프로젝트 환경설정

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

24.03.17 00:47 작성

·

411

1

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

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

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

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

답변 3

0

Pivoter님의 프로필 이미지

2024. 04. 23. 23:46

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

 

  1. 프로젝트 생성

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

 

  1. yarn install

  2. npx storybook@latest init

 

Pivoter님의 프로필 이미지

2024. 04. 24. 00:12

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

0

Pivoter님의 프로필 이미지

2024. 04. 23. 23:17

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

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

강병진님의 프로필 이미지
강병진
지식공유자

2024. 04. 25. 22:26

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

0

강병진님의 프로필 이미지
강병진
지식공유자

2024. 03. 17. 15:38

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

https://stackoverflow.com/a/42677294

조진형님의 프로필 이미지
조진형
질문자

2024. 03. 18. 00:18

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

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

강병진님의 프로필 이미지
강병진
지식공유자

2024. 03. 18. 08:45

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

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

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

조진형님의 프로필 이미지
조진형
질문자

2024. 03. 18. 14:12

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

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

강병진님의 프로필 이미지
강병진
지식공유자

2024. 03. 18. 16:07

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

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