ESLint 意外令牌 {答案

【问题标题】：ESLint Unexpected Token {ESLint 意外令牌 {
【发布时间】：2020-09-06 07:42:59
【问题描述】：

正如标题所述，我在让 ESLint 在我的 React 项目中运行时遇到问题。

$ npx eslint **/*.js
Unexpected token {

package.json

    "devDependencies": {
    "@babel/core": "^7.9.6",
    "@babel/preset-env": "^7.9.6",
    "@babel/preset-react": "^7.9.4",
    "babel-eslint": "^8.2.6",
    "babel-loader": "^8.1.0",
    "eslint": "^7.0.0",
    "html-loader": "^1.1.0",
    "html-webpack-plugin": "^4.3.0",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  }

.eslintrc

{
  "parser": "babel-eslint"
}

【问题讨论】：

您的 package.json 看起来像无效的 JSON。

标签： javascript reactjs babeljs eslint

【解决方案1】：

你的 package.json 应该是一个对象

{
    "devDependencies": {
    "@babel/core": "^7.9.6",
    "@babel/preset-env": "^7.9.6",
    "@babel/preset-react": "^7.9.4",
    "babel-eslint": "^8.2.6",
    "babel-loader": "^8.1.0",
    "eslint": "^7.0.0",
    "html-loader": "^1.1.0",
    "html-webpack-plugin": "^4.3.0",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  }
}

【讨论】：

我只是在 package.json 中发布了依赖项，而不是整个文件。它是项目中的一个对象。
@RobBlinsinger 你的“解析器”：“babel-eslint”是否在 parserOptions 中？

【解决方案2】：

如 npm 包的 Installation and Usage 部分所述，运行 eslint 脚本需要 node.js 版本。

您可以通过运行node --version 来检查您的节点版本。

如果你发现你有一个不受支持的 node 版本，如果你认为你可以考虑切换到更高的 node 版本或更低的 eslint 包版本。例如：eslint@6.8.0

【讨论】：