typescript - Eslint 不使用 TypeScript 语法

Question

我正在尝试配置 eslint我的 REACT-TypeScript项目。它以前使用过 tslint这将很快被弃用。我浏览了网络，终于能够创建我的 .eslintrc.json :

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "project": "./tsconfig.json",
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "env": {
    "browser": true,
    "jest/globals": true
  },
  "extends": [
    "airbnb",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/typescript",
    "prettier/@typescript-eslint",
    "plugin:prettier/recommended"
  ],
  "plugins": ["@typescript-eslint", "react-hooks", "jest", "prettier"],
  "ignorePatterns": ["src/serviceWorker.ts", "src/enums.ts", "node_modules/"],

  "rules": { },
  "settings": {
    "import/extensions": [".js", ".jsx", ".ts", ".tsx"],
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"]
    },
    "import/resolver": {
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "prettier/prettier": [
    "error",
    {
      "singleQuote": true,
      "semi": "error"
    }
  ]
}

当我运行 lint命令，它会抛出关于 TypeScript 的错误句法。这里有几个:





谷歌上的所有链接现在都是紫色的，但我似乎无法弄清楚出了什么问题。请帮我看看这个。

Answer 1

对我来说你的配置看起来不错。如果是 Typescript 错误，则 ESLint 无能为力。只需升级 typescript 。

以防万一，请检查此 ESLint Prettier Typescript 引用我的配置https://levelup.gitconnected.com/setting-up-eslint-with-prettier-typescript-and-visual-studio-code-d113bbec9857 ?它离你很近