export (default) const Component = () => {}
VS
const Component = () => {}
export (default) Component
다음과 같이 build시 export문의 위치에 따라 리눅스와 윈도우 환경에서 빌드가 되고 안되고의 차이가 있었다.
- nextjs는 linux, window용 모듈이 구성이 달라서 그럴수도 있음.
1. const Component = lazy(() => import('./path/Component'))
VS
2. const Component = lazy(() => import('./path/component'))
path/
└── components/
└── index.js
index.js
> const Component = () => {}
export default Component
다음과 같은 상황일 때 1번 방법으로 import를 하면
Window는 Component를 읽어서 빌드를 하고,
Linux는 경로를 찾지 못해 빌드 에러가 발생한다.
- 2번 방법은 Window, Linux 둘 다 빌드가 성공적으로 됨!