eslint는 vue가 있는 프로젝트에서 내 *.ts 파일을 javascript로 처리합니다.

Question

typescript와 vue를 사용하여 웹 프로젝트를 개발하고 있습니다. typescript-eslint 및 eslint-plugin-vue에 대한 문서를 읽은 후 다음 eslint 구성을 해결했습니다.

module.exports = {
  루트: 사실,
  환경: {
    브라우저: 사실,
    es2021: 사실,
  },
  확장: [
    "eslint:권장",
    "플러그인:vue/vue3-essential",
    "plugin:@typescript-eslint/recommended",
    "플러그인:@typescript-eslint/recommended-requiring-type-checking",
    "더 예뻐요",
  ],
  파서: "vue-eslint-parser",
  파서옵션: {
    파서: "@typescript-eslint/parser",
    프로젝트: ["./tsconfig.json"],
    tsconfigRootDir: __dirname,
    extraFileExtensions: [".vue"],
  },
  재정의: [],
  파서옵션: {
    ecmaVersion: "최신",
    sourceType: "모듈",
  },
  플러그인: ["vue", "@typescript-eslint"],
};

내 vue 파일은 올바르게 구문 분석되었지만 ts 파일에는 불합리한 Lint 오류가 있습니다. 자바스크립트 구문을 기준으로 검사한 것 같습니다. 아래와 같이 표시됩니다.

parserOptions를 제거하고 파서를 @typescript-eslint/parser로 변경하면 ts 파일은 올바르게 보풀이 발생하지만 vue 파일의 보풀은 깨집니다. .

아시는 분 계시나요?

Answer 1

내가 아는 한 다음 두 가지 옵션이 있습니다.

1. will解析器：“vue-eslint-parser”更改为@typescript-eslint/parser

2. .ts 파일에 대한 재정의를 추가하고 파서를 @typescript-eslint/parser

   로 설정합니다.

Answer 2

너무 피곤하거나 너무 늙었나 봐요. 어쨌든 문제는 같은 Lint 파일에 두 개의 parserOptions 섹션이 있다는 것입니다. 이것이 최종 작업 버전입니다:

으아악