yamoo9 / likelion-FEQA

질문/답변 — 프론트엔드 스쿨, 멋사
29 stars 9 forks source link

[LAB-20] storybook이 잘 작동하다가 에러메시지가 계속 나옵니다. #164

Closed bellaru2022 closed 1 year ago

bellaru2022 commented 1 year ago

질문 작성자

정보화

문제 상황

안녕하세요 선생님 스토리북이 잘 작동했었는데, 작업을 이것저것 하면서 스토리북을 열려고하니깐 에러가 계속 생깁니다.

혼자 다시 clone해오고 폴더도 다시 만들어서 해보고 구글링해서 본대로 rm -rf node_modules package-lock.json 하고 npm도 다시 깔아보고 이것저것 시도하다가, 오래 걸리고 더 꼬이는 것만 같아서 질문 드립니다.

감사합니다.

<에러 메시지 창>

질문2

질문1

프로젝트 저장소 URL

환경 정보

yamoo9 commented 1 year ago

문제 원인

@bellaru2022 님이 겪은 오류는 에셋 위치가 올바르지 않아 발생한 문제에요. 아래 오류 메시지를 읽어보면 "monstera_icon.svg 이미지 파일을 호출하는 데 실패" 했다고 안내하고 있어요.

Faild to resolve import "../../assets/monstera_icon.svg"

문제 해결

VSCode 에디터에서 에셋 경로를 입력해보면 assets 폴더가 아니라, assets/images 폴더 안에 모든 이미지가 포함되어 있어요.

어떤 이유로 폴더 경로를 이전과 다르게 바꿔서 발생한 문제일 수도 있어요. 아마도 🙂 정리하면 Storybook 앱이 에셋 경로만 올바르게 바꿔주시면 정상적으로 구동될 거에요. 😊 (아래 스크린샷 참고)

참고

혹시 패키지 재 설치 과정 중에 "호환 문제가 의심되는 종속성 모듈 설치 오류"가 발생하면 이전 답변 글을 참고해 해결해보세요. 😌

bellaru2022 commented 1 year ago

확인하였습니다 감사드립니다 선생님!! :)