오류 기록 – storybook

다음과 같이 동화책으로 연습

React 프로젝트 생성 후 Storybook이 설치되어 실행되었습니다.

npx create-react-app storybook-practice
npx storybook init
npm run storybook


실행하면 99%에서 멈춥니다.

99% 완료된 플러그인 webpack-hot-middlewarewebpack은 447ms에 미리보기 4451975daa4b1645ed13을 생성했습니다.

오류가 발생했습니다.

처음에는 그냥 설치오류인줄 알고 지웠다가 2~3번 다시 깔았는데 계속 같은 오류가 뜨네요.

구글을 통해 같은 오류를 겪고 계신 분들의 글을 보고 npm 버전도 올리고 스토리북도 업데이트 했습니다.

재설치를 해도 99%에서 멈추면서 오류가 계속 뜨더군요.

Discord를 통해 동일한 문제에 대한 답변을 업로드하여 해결했습니다.

문제는 @테스트-라이브러리/dom 이것은 설치되지 않았기 때문에 발생했습니다.

오류에 대한 부분도 있었는데 마지막 줄에 너무 집중해서 찾아볼 생각도 못했네요,,,

npm i @testing-library/dom

설치 후 완벽하게 작동했습니다.