<p>我正在使用 typescript 和 vue 开发一个网络项目。在阅读了 typescript-eslint 和 eslint-plugin-vue 的文档后，我已经解决了以下 eslint 配置：</p> <pre class="brush:php;toolbar:false;">module.exports = { root: true, env: { browser: true, es2021: true, }, extends: [ &quot;eslint:recommended&quot;, &quot;plugin:vue/vue3-essential&quot;, &quot;plugin:@typescript-eslint/recommended&quot;, &quot;plugin:@typescript-eslint/recommended-requiring-type-checking&quot;, &quot;prettier&quot;, ], parser: &quot;vue-eslint-parser&quot;, parserOptions: { parser: &quot;@typescript-eslint/parser&quot;, project: [&quot;./tsconfig.json&quot;], tsconfigRootDir: __dirname, extraFileExtensions: [&quot;.vue&quot;], }, overrides: [], parserOptions: { ecmaVersion: &quot;latest&quot;, sourceType: &quot;module&quot;, }, plugins: [&quot;vue&quot;, &quot;@typescript-eslint&quot;], };</pre> <p>我的 vue 文件解析正确，但我的 ts 文件有不合理的 lint 错误。看来它们是针对 javascript 语法进行检查的。如下图所示：</p> <p>如果我删除 <code>parserOptions</code> 并将解析器更改为 <code>@typescript-eslint/parser</code>，ts 文件会正确 lint，但 vue 文件的 lint 会中断。</p > <p>有人知道吗？</p>

module.exports = {
  root: true,
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    "eslint:recommended",
    "plugin:vue/vue3-essential",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "prettier",
  ],
  parser: "vue-eslint-parser",
  parserOptions: {
    parser: "@typescript-eslint/parser",
    project: ["./tsconfig.json"],
    ecmaVersion: "latest",
    sourceType: "module",
    extraFileExtensions: [".vue"],
  },
//  parserOptions: {
//    ecmaVersion: "latest",
//    sourceType: "module",
//  },
  plugins: ["vue", "@typescript-eslint"],
};