eslint는 vue가 있는 프로젝트에서 내 *.ts 파일을 javascript로 처리합니다.
P粉739706089
2023-09-02 19:59:50
<p>typescript와 vue를 사용하여 웹 프로젝트를 개발하고 있습니다. typescript-eslint 및 eslint-plugin-vue에 대한 문서를 읽은 후 다음 eslint 구성을 해결했습니다. </p>
<pre class="brush:php;toolbar:false;">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"],
};</pre>
<p>내 vue 파일은 올바르게 구문 분석되었지만 ts 파일에는 불합리한 Lint 오류가 있습니다. 자바스크립트 구문을 기준으로 검사한 것 같습니다. 아래와 같이 표시됩니다. </p>
<p><code>parserOptions</code>를 제거하고 파서를 <code>@typescript-eslint/parser</code>로 변경하면 ts 파일은 올바르게 보풀이 발생하지만 vue 파일의 보풀은 깨집니다. . </p>
<p>아시는 분 계시나요? </p>
내가 아는 한 다음 두 가지 옵션이 있습니다.
will
解析器:“vue-eslint-parser”
更改为@typescript-eslint/parser
.ts 파일에 대한 재정의를 추가하고 파서를
로 설정합니다.@typescript-eslint/parser
너무 피곤하거나 너무 늙었나 봐요. 어쨌든 문제는 같은 Lint 파일에 두 개의
으아악parserOptions
섹션이 있다는 것입니다. 이것이 최종 작업 버전입니다: