[Error Log] TypeScript 파일명 변경 시 Already included file name 오류

👀 상황

Colors.ts ⇒ colors.ts로 파일명 변경 후 import 구문을 수정했더니 에러가 나타남.

import Colors from '../common/Colors' => import colors from '../common/colors'

Already included file name
'../common/Colors' differs from file name '../common/colors' only in casing.
The File is in the program because:
…

❓ 원인

Force Consistent Casing In File Names - forceConsistentCasingInFileNames

TypeScript follows the case sensitivity rules of the file system it’s running on. This can be problematic if some developers are working in a case-sensitive file system and others aren’t. If a file attempts to import fileManager.ts by specifying ./FileManager.ts the file will be found in a case-insensitive file system, but not on a case-sensitive file system.

When this option is set, TypeScript will issue an error if a program tries to include a file by a casing different from the casing on disk.

개발 환경에 따라 컴퓨터가 파일 이름의 대소문자를 구분할 수도, 구분하지 않을 수도 있다.
이러한 환경 에러를 방지하기 위해 해당 옵션을 true로 지정하면, 파일 경로의 대소문자가 변경될 때 TypeScript가 에러를 발생시킨다.

✅ 해결

tsconfig.json 파일의 옵션 변경

"forceConsistentCasingInFileNames": false

[TypeScript] Force Consistent Casing In File Names