vscode 和 typescript 模板文字类型

Question

我在尝试使用 vsCcode 中的文字类型时遇到一些问题。使用文档中的示例，

你可以看到 eslint 正在抱怨代码。 （解析错误：输入expected.eslint）

我安装了 typescript 4.3.5（使用 vscode typescript 版本），vsCode 版本为 1.52。

我还尝试添加包含内容的 .eslintrc.json 文件

{
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "semi": "error"
    }
}

但似乎没有什么可以消除 linting 错误

我已经重新启动了 vsCode，删除并重新安装了 eslint 插件

我还需要改变/尝试什么？

Answer 1

你现在的问题是 ESLint - 默认情况下只理解 JavaScript 语法 - 不知道如何解析 TypeScript 语法。

从评论线程来看，您似乎安装了

@typescript-eslint/eslint-plugin

和

@typescript-eslint/parser

作为依赖项。这就是正确的开始！但需要告诉 ESLint 使用它们。

在 ESLint 配置中设置这些属性：

module.exports = {
  // ...
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  // ...
};

相关文档位于 https://typescript-eslint.io/getting-started。该页面将引导您完成配置 ESLint 以能够解析 TypeScript 代码，并为 TypeScript 项目提供良好的规则集。