파일명을 대소문자만 변경했을 때 다음과 같은 에러를 마주했다.
🤔 에러 메세지:
Already included file name '파일경로' differs from file name '파일경로' only in casing.
이 경우 프로젝트 루트의 config.json 파일에서 다음 옵션을 확인한다.
{ "compilerOptions": { "forceConsistentCasingInFileNames": true } }
이 옵션이 true로 설정되어 있다면, 파일 이름의 대소문자를 일관되게 유지해야 한다.
따라서 이를 false로 바꾸어주면 해결된다.
- React + Vite를 이용하여 프로젝트를 하는 경우: vite.config.js 에 해당 옵션 추가
- 타입스크립트를 사용하고 있을 경우 : tsconfig.json
- 바닐라 자바스크립트를 사용하고 있을 경우 : jsconfig.json
'React' 카테고리의 다른 글
[React/Typescript] react-chatbot-kit으로 챗봇 개발하기 1 (UI 편) (0) | 2025.01.28 |
---|---|
[React] 카카오 로그인 구현하기 (with Supabase) (1) | 2025.01.25 |
[React] axios에서 React-Query로 리팩토링하기 (0) | 2025.01.09 |
[React/트러블슈팅] filter 메서드로 검색 기능을 구현할 때 생긴 오류 해결 (1) | 2024.12.20 |
[React/트러블슈팅] 컴포넌트를 반복문으로 렌더링 할 때 key를 지정하면서 발생했던 오류 해결 (1) | 2024.12.20 |