[React.js] storybook 에러 - Error: No configuration files have been found in your configDir

❗ 문제 발생

나는 storybook 라이브러리를 사용하기 위해 

$ npx sb init

명령을 통해 storybook 라이브러리 설치 및 환경셋팅을 하였다

그런데 이런 메시지가 뜨던데 "구성 디렉터리를 찾을 수 없으므로 자동 마이그레이션을 건너뜁니다" 라는 메시지 였다.

그래서 뭐 별 말 아닌줄 알고 대수롭지 않게 넘어갔었다.

 

그리고 npm run storybook을 통해 storybook을 실행하려했는데

이런 에러가 뜨더라 대충 뭐 직역하자면 

"main.js나 뭐 필요한 파일들이 있는데 내가 그걸 못찾겠어" 라는 에러이다

 

그래서 자동 다운로드 및 환경셋팅을 했음에도 내가 직접 수정해야하는 부분이 있는지알고

무려 4시간을 찾아헤맸다

 

❗ 해결 방법

아무리 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고
찾아보아도 이런 문제를 나만 겪은건지 해결 방법을 찾지못했고 멍청한 chatgpt는 헛소리를 해대더라.

 

그런데 해결 방법은 매우 간단했다.

 

그냥 경로에 특수 문자가 있어서 storybook을 npm run 하면서 필요한 파일들을 찾아다가 가져와야하는데

특수문자는 못읽어서인지 충돌나서인지 못찾고 못가져와서 뜨는에러더라.

걍 에러메시지에 "니 경로에 특수문자 있어서 내가 할 일을 못하겠어" 라고 조금만 알려주었더라면

내가 단 번에 해결할 수 있었을텐데 ... 

 

여태 여러 라이브러리를 깔았지만 이런 문제는 처음이라 상당히 당황했다.

여튼 해결했으니 파이팅 

 

 

** 참고로 storybook을 성공적으로 설치했다면 아래와 같은 사진이 뜨니 잘 봐두자