nvm 사용해서 tsc 쓰고 있는데 .prettier이 .ts로 인식되는 문제

.prettier 파일이 .ts 파일로 잘못 인식되는 문제는 TypeScript 컴파일러(tsc)가 해당 파일을 잘못 처리하고 있다는 뜻입니다. 일반적으로, TypeScript는 .ts와 .tsx 확장자를 가진 파일만 처리하도록 설계되어 있지만, 특정 설정이나 파일 패턴이 문제를 일으킬 수 있습니다.

 

1. tsconfig.json 확인 및 수정

TypeScript는 tsconfig.json 파일의 include, exclude 또는 files 옵션으로 컴파일할 파일을 지정합니다.

• exclude 설정 추가/수정 .prettier 파일이 제외되도록 설정.

{
  "exclude": [
    ".prettier",
    "**/*.prettier"
  ]
}

• include 설정 확인 만약 include가 너무 광범위하게 설정되어 있다면, 정확히 컴파일할 파일만 지정해야 합니다. 예를 들어, src 폴더 안의 .ts 파일만 컴파일하려면:

{
  "include": ["src/**/*.ts"]
}

2. 파일 확장자 무시

.prettier 파일이 .ts 파일처럼 처리되지 않도록, 이름을 .prettier.json으로 변경하거나, 파일의 용도를 명확히 나타낼 수 있는 확장자로 수정하세요.

※ 추가 디버깅

• npx tsc --listFiles 명령어를 실행하면 TypeScript가 어떤 파일을 컴파일하는지 확인할 수 있습니다.
• .prettier 파일이 목록에 포함되어 있다면, 위의 exclude 설정이 적용되지 않았을 가능성이 있으니 설정을 재검토하세요.