[storybook] ModuleNotFoundError: Module not found: Error: Can't resolve 'app/routes/const' in '/Users/username/project/projectName/src/app/page'

회사에서 프론트엔드 스냅샷 및 사용자의 인터렉션 테스트를 위해 스토리북을 이용하고 있다. 난 아직 스린이다.

 

그래서 오늘은 업무 중 만난 아주 간단한(?) 스토리북 에러를 가져왔다.

 

 

 🙋🏻‍♀️ 개발 환경

- front : react + typescript

- back : node.js

 

 

👉 에러 내용

ModuleNotFoundError: Module not found: Error: Can't resolve 'app/routes/const' in '/Users/username/project/projectName/src/app/page'

 

해당 에러는 `npm run storybook` 이라는 스토리북 실행 명령어를 치자마자 스토리북이 실행되지 못하고 나타났다.

일단 코드에 빨간줄이 뜨지 않아서 왜 모듈을 찾지 못한다는 것인지 이해하지 못했다.

괜히 문제없는 노드 모듈을 지우고 npm i 를 치기를 몇 번했다.

하지만 에러는 거짓말을 하지 않긔..

자세히 읽어보니 이상한 부분이 있었다.

 

😈 수정 전 코드 (빨간줄 안떠서 몰랐음)

 

😇 수정 후 코드

 

경로를 절대경로로 주어서 문제가 있었던 것 같다.. auto import 의 폐혜..

`app/route/const` 를 인식 못하고 에러를 뱉은 것으로 확인 됐다. 경로를 정상적으로 바꿔주니 문제 없이 스토리북이 실행되었다.