错误：无法加载“.eslintrc.js”中声明的解析器“@babel/eslint-parser”：找不到模块“@babel/core/package.json”

Question

尝试将eslint安装到 中yarn create next-app，但运行 linter 时出现下一个错误：

错误：无法加载“.eslintrc.js”中声明的解析器“@babel/eslint-parser”：找不到模块“@babel/core/package.json”

细节：

info  - Loaded env from /project/.env
Error: Failed to load parser '@babel/eslint-parser' declared in '.eslintrc.js': Cannot find module '@babel/core/package.json'
Require stack:
- /project/node_modules/@babel/eslint-parser/lib/parse.cjs
- /project/node_modules/@babel/eslint-parser/lib/index.cjs
- /project/node_modules/@eslint/eslintrc/dist/eslintrc.cjs
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

这是我的.eslintrc.js配置文件：

    browser: true,
    es2020: true,
    es6: true,
    node: true
  },
  extends: ['airbnb', 'prettier', 'next/core-web-vitals'],
  parser: '@babel/eslint-parser',
  parserOptions: {
    ecmaVersion: 2021,
    requireConfigFile: false
  },
  plugins: ['react']

并package.json归档

"devDependencies": {
    "@babel/eslint-parser": "^7.16.3",
    "eslint": "^8.4.1",
    "eslint-config-airbnb": "^19.0.2",
    "eslint-config-next": "^12.0.7",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-import": "^2.25.3",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.27.1",
    "prettier": "^2.5.1"
  }

Answer 1

我以前也遇到过这个问题。让我帮助您做一些您可以尝试的事情。

第一个选项：

npm remove babel-eslint && npm install --save-dev @babel/core @babel/eslint-parser 

第二个选项：在.eslintrc文件更改中只需删除解析器：

"parser": "@babel/eslint-parser " // delete this line

第三个选项：更改节点模块包的解析器：

"parser": "/usr/local/lib/node_modules/babel-eslint",