Cannot access <something> before initialization

신나게 리팩토링을 하는 와중에 이런 에러가 났다. 라우터에서부터 loginPage를 못읽어와서 나는 에러였다.

빌드 과정에서 나는 에러인것 같아서 어떻게 손을 써야할지 모르다가 팀원들과 함께 몇가지 해결방법을 찾았다.

1. 정적파일은 index로 export하지 않기

import { Role } from '@/domain/Auth/types';

2. 라우터 컴포넌트를 한번 더 래핑하기
   

해결을 하고 원인을 찾아보니 웹팩의 dependency 순환 참조문제였고, 위의 방법으로 문제가 해결된 이유는 dependency를 읽어오는데에 약간의 지연을 줘 login page가 초기화될 시간을 번 것이라고 추측하고 있다.

https://github.com/webpack/webpack/issues/12724

앞으로 정적파일은 index에 포함시키지 말것!