ESLint Unexpected Token {

Question

正如标题所描述的那样，我在让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"

}

Answer 1

如 npm 包的“安装和使用”部分所述，运行 eslint 脚本有一个节点.js版本先决条件。您可以通过运行 来检查节点版本。node --version如果您发现您有一个不受支持的节点版本，如果图中，您可以考虑切换到更高的节点版本或更低的eslint包版本。例如：eslint@6.8.0

Answer 2

你的 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"  }}