错误：无法加载配置“下一个”以扩展

Question

我有一个使用jest和react-testing-library进行测试的Nextjs应用程序，我使用 npx .eslintrc --init 命令将 .eslintrc 文件添加到我的项目中。 每当我检查我的项目时，我都会收到以下错误：

.eslintrc.js：

module.exports = {
"extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "next",
    "next/core-web-vitals"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
    "project":"./tsconfig.json",
    "ecmaFeatures": {
        "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
},
"rules": {
}

};

和错误：

info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
Error: Failed to load config "next" to extend from.
Referenced from: D:\web\reactjs\react-testing\react-testing-app\.eslintrc.js

Answer 1

已解决，安装此包后，代码运行不会出错：

npm i --save-dev eslint-config-next

Answer 2

由于一个神秘的原因，运行

npm audit fix --force

将我的 package.json 更改为：

“eslint-config-next”：“12.0.1”

至：

“eslint-config-next”：“^0.2.4”

我必须手动更改它，错误就消失了。

Answer 3

只需删除

"next/typescript"

文件中的

.eslintrc.json

即可。

默认配置不起作用：

{ "extends": ["next/core-web-vitals", "next/typescript"] }

正确配置：

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