Already included file name '파일경로/파일.ts' differs from file name

에러 메시지

module "c:/파일경로/프로젝트명/src/features/auth/auth.interface"
Already included file name 'c:/파일경로/프로젝트명/src/features/auth/Auth.interface.ts' differs from file name 'c:/파일경로/프로젝트명/src/features/auth/auth.interface.ts' only in casing.
The file is in the program because:
Imported via "./Auth.interface" from file 'c:/파일경로/프로젝트명/src/features/auth/authSlice.ts'
Imported via "./Auth.interface" from file 'c:/파일경로/프로젝트명/src/features/auth/Auth.tsx'
Matched by include pattern '**/*' in 'c:/파일경로/프로젝트명/tsconfig.json'ts(1261)
Auth.tsx(3, 22):File is included via import here.

 

Already included file name 'c:/Users/파일경로/auth/auth.interface.ts' differs from file name 'c:/Users/파일경로/auth/Auth.interface.ts' only in casing.

 

이미 포함된 파일이름  'c:/Users/파일경로/auth/auth.interface.ts' 은 파일이름'c:/Users/파일경로/auth/Auth.interface.ts'와 대소문자만 다릅니다.

 

해결방법

 1. VSCode를 껐다가 다시 켜면 사라짐. ✔  (이 에러는 IDE상에서 뱉어낸 에러였나?)
 2. 파일명을 제3의 파일명으로 변경했다가 다시 되돌려도 됨.
(ex: auth.ts -> temp.ts -> auth.ts) 
          ^                   ^                       ^                
에러 경고      제 3의 파일명     다시 되돌리기(해결)

위 두방법으로도 안되면 tsconfig.json 파일에서 forceConsistentCasingInFileNames 설정 바꿔주는 방법이 있다는데 나는 1번으로 해결되었다.

 

에러메시지 천천히 읽지 않고 구글링부터 하는 버릇이 있는데 고쳐야겠다.
친절하게 에러메시지에 써있는 경우가 많은데 구글링하면서 불필요하게 시간 낭비해서...

 

참고 : https://stackoverflow.com/questions/51197940/file-name-differs-from-already-included-file-name-only-in-casing-on-relative-p