[Vue+TypeSciprt] eslint.config.ts에서 ban-ts-comment 끄기

TypeScript는 다양한 지시자 주석(Directive Comments)를 지원합니다. 이러한 지시자를 통해 TypeScript 컴파일 오류를 무시할 수 있습니다.

// @ts-expect-error
// @ts-ignore
// @ts-nocheck
// @ts-check

이러한 TypeScript 지시자 주석은 TypeScript의 타입검증이나 오류검증을 비활성화하므로, 대부분의 경우 ESLint에서 TypeSciprt 지시자 주석을 사용할 수 없게 차단합니다.

하지만 예외적으로 사용해야만 할 때가 있습니다. 예를들어 JavaScript 라이브러리나 소스코드를 TypeScript에서 사용하려는 경우, TypeScript 오류검증 기능을 비활성화 하는 것이 필요합니다.

특정 라인에서 TypeScript 검증을 끄려면 아래와 같이 코드를 작성하세요.

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
const val = oldJavaScriptLibrary();

프로젝트 전역에서 TypeScript 지시자 주석을 허용하려면, eslint.config.ts 파일을 열고 아래와 같이 rules를 추가하면 됩니다.

export default defineConfigWithVueTs(
  ...
  {
    rules: {
      '@typescript-eslint/ban-ts-comment': 'off'
    },
  }

위 설정을 추가하면 프로젝트 어디에서든 @ts-ignore를 사용하여 오류를 무시하실 수 있게 됩니다.

// @ts-ignore
const val = oldJavaScriptLibrary();