ESLint：create-next-app时的选项无效

sbtkgmzw 于 2022-11-23 发布在其他

关注(0)|答案(3)|浏览(205)

我正在创建一个新的Next.js应用程序。当我运行yarn create-next-app并开始在Visual Studio Code中编写javascript代码时，ESlint扩展每次返回一个错误。当然，eslint也不起作用。
错误为：

ESLint: Invalid Options: - Unknown options: env, parserOptions, rules - 'parserOptions' has been removed. Please use the 'overrideConfig.parserOptions' option instead. - 'rules' has been removed. Please use the 'overrideConfig.rules' option instead.. Please see the 'ESLint' output channel for details.

这是一个直接视觉识别的图像：
Eslint extension error on Visual Studio Code
这是我的package.json文件（Next.js提供的默认package.json）：

{
  "name": "myApp",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "12.0.7",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "eslint": "8.4.1",
    "eslint-config-next": "12.0.7"
  }
}

谢谢你的帮助。

next.js

来源：https://stackoverflow.com/questions/70377900/eslint-invalid-options-when-create-next-app

3条答案

按热度按时间

py49o6xq1#

通过将esling.options的内容 Package 到我的settings.jsonvscode文件中的overrideConfig中，我自己解决了这个问题，如下所示：

"eslint.options": {
    "overrideConfig": {
      "env": {
        "browser": true,
        "es6": true
      },
      "parserOptions": {
        "ecmaVersion": 2019,
        "sourceType": "module",
        "ecmaFeatures": {
          "jsx": true
        }
      },
      "rules": {
        "no-debugger": "off"
      }
    }
  },

赞(0）回复(0）举报 2022-11-23

dfuffjeb2#

这对大多数人来说可能是显而易见的，但是我想添加一个警告。上面的配置修复是有效的，但是要确保您在用户级和工作区级都进行了修复。如果eslint.options json在用户级配置中没有overrideConfig，它将继续出错。如果这是显而易见的，对不起，但我花了一个小时试图理解为什么尽管添加了上述解决方案，但仍然会出现无效选项错误，直到我意识到我只是在工作区中进行了更改。希望这能让某人免于头疼。

赞(0）回复(0）举报 2022-11-23

a9wyjsp73#

我无法找到问题的确切原因，但我能够通过完全重新安装vscode来修复这个问题。使用本指南进行干净的卸载。

赞(0）回复(0）举报 2022-11-23