inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

강의 전 프로젝트 환경설정

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

747

조진형

작성한 질문수 4

2

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

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

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

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

react typescript tailwind-css storybook ui-testing

답변 3

0

Pivoter

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

 

  1. 프로젝트 생성

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

 

  1. yarn install

  2. npx storybook@latest init

 

0

Pivoter

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

0

Pivoter

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

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

0

제이쓴

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

0

제이쓴

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

https://stackoverflow.com/a/42677294

0

조진형

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

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

0

제이쓴

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

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

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

1

조진형

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

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

2

제이쓴

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

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

스토리북에 대해서

0

58

1

Storybook 10에서 argTypes에 action 설정 시

0

74

1

storybook setup

0

87

2

실무 적용 관련해서 질문이 있습니다!

0

66

2

storybook 프로젝트 세팅 중 궁금한 점이 있습니다.

0

137

2

스토리북 테스트에 대한 질문

0

101

2

tailwind 4.x 버전 변경된 CSS 추출(?) 커맨드

1

212

2

스토리북 테마에 대해 질문 드립니다.

0

158

2

테일윈드를 안쓰고 스타일 컴포넌트만 사용하는 환경에서는요?

0

146

2

[질문 x 공유용] tailwind v4.0 으로 강의랑 다를 때 (import 다름, tailwind.config.js 없어짐 등)

6

485

2

react-toastify 를 storybook에 출력 시키기

0

181

1

react에서 modal & portal 사용시 에는 어떻게 작성해야될까요

0

375

3

tsconfig

0

180

1

vite 초기설정

0

346

2

스토리 내 args에서 에러가 발생합니다.

0

209

2

Nextjs에서 tailwind를 사용할 때

0

282

2

제공해주시는 Figma 색상 코드가 강의와 달라 글 남깁니다!

0

144

2

Visual Test

1

127

1

NavigationBar 배경색

0

129

1

defaultValue 질문 드립니다!

0

123

1

svg를 public 말고 src>assets안에 넣는다면 import를 어떻게해야하나요?

1

269

2

index.tsx 빌드 오류

0

374

2

tailwind css 코드 스플릿팅이 가능한가요?

0

282

1

StoryBook 관련 궁금 사항입니다.

1

263

1