-
build 시 대소문자 구분 이슈! 비상!프론트엔드 2023. 3. 15. 12:41
사용 스펙 : [ React, Vite, typescript ]
view samPle
export * from './sample'
폴더명이 camelCase 이지만 export 할 때 소문자로 내보내어도 local build 시 에러가 발생하지 않는다.
하지만 AWS 빌드 환경에서는 경로에 대한 빌드 에러가 발생한다.원인
- 시스템(운영체제?) 별로 대소문자 구분을 인식 유무가 다르다.
- local build(windows)에서는 대소 문자를 구분하지 않는다고 파악했다.
결론
- windows에서 대소문자를 구분하지 않기에 local build 시 에러가 발생하지 않았지만 AWS 의 시스템에서는 대소문자를 구분하기에 빌드 에러가 발생했다.
추가 이슈
폴더명을
samPle
->sample
로 변경하였어도 git 에서는 폴더명 대소문자 구분을 하지 않는다. 즉, 빌드에러가 발생하여 폴더명을 변경해주었음에도 불구하고 git 에서 에러가 발생하는 것이다. 이에 대한 해결 방법은 아래와 같다.git config --global core.ignorecase false
위의 git 설정을 통해 대소문자 구분을 가능케 한다.
주의 : 위 명령어 사용하지 말라는 글들이 많다. 위험하단다...;; 그래서 사용하지 않았다!
추가 정보
tsconfig 상에서 대소문자 구분에 대한 옵션을 on/off 할 수 있다. 하지만 이는 complie 단계(?)에서 에러 처리가 가능하며 local build 단계에서는 에러를 뱉어내지 않는다. (complie 단계인지 명확치 않음. 추가 조사 필요)
728x90반응형'프론트엔드' 카테고리의 다른 글
번들러 내부에 있는 external 옵션의 역할 (0) 2023.07.19 웹 성능 메트릭이란? (0) 2023.06.15 CSR / SSR / ISR / Universal Rendering 이란? (0) 2023.06.14 Critical Rendering Path(크리티컬 렌더링 패스)란? (0) 2023.06.09 monorepo 구조에 storybook을 적용하며... (0) 2023.02.21