如何在NextJs项目中添加typescript规则而不丢失next/core-web-vitals?

juzqafwq  于 2023-04-22  发布在  TypeScript
关注(0)|答案(1)|浏览(102)

我有一个typescript NextJS项目,包含以下.eslintrc.json

{
    "extends": "next/core-web-vitals"
}

我想添加一些额外的typescript规则(如做not allow the type any ( no-explicit-any ))。
1.我添加了npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin
1.通过no-explicit-any规则扩展配置,更新解析器并添加插件。

{
    "extends": "next/core-web-vitals",
    "parser": "@typescript-eslint/parser",
    "plugins": [
        "@typescript-eslint"
    ],
    "rules": {
        "@typescript-eslint/no-explicit-any": "warn"
    }
}

1.现在no-explicit-any工作了。但是next/core-web-vitals的所有默认规则都不再工作了。
所以我可以使用next或者使用typescript-eslint规则。我如何使用booth?

2nc8po8w

2nc8po8w1#

您应该能够在一个"extends"属性中的数组中包含这两个预设,类似于:

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["react", "@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "next/core-web-vitals"
  ],
  "parserOptions": {
    "project": "./tsconfig.json",
  }
}

相关问题