錯誤eslint解析：意外的令牌eslint錯誤

Question

我在方括號中得到了意外的令牌。

我曾嘗試設置eslint參數並安裝babel-eslint，但對我來說沒有任何用。

const [state,dispatch] = useReducer(createUserReducer, 
  {
    email: '',
    password: '',
    verifyPassword: ''
   });


my eslint configuration: 

{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "modules": true,
      "blockBindings": true,
      "experimentalObjectRestSpread": true
    }
  },
  "extends": "rallycoding",
  "rules": {
    "react/require-extension": "off",
    "global-require": 0,
    "no-unused-vars": 0,
    "unexpected-token": 0
  }
}

我應該能夠構建代碼，但是eslint拋出錯誤，提示意外的令牌。

Answer 1

請注意，支持JSX語法與支持React並不相同。 React將特定的語義應用於ESLint無法識別的JSX語法。 如果您使用React並需要React語義，建議使用eslint-plugin-react 。 同樣，支持ES6語法與支持新的ES6全局變量（例如，諸如Set之類的新類型）並不相同。 對於ES6語法，請使用{ "parserOptions": { "ecmaVersion": 6 } } ; 對於新的ES6全局變量，請使用{ "env": { "es6": true } } 。

Answer 2

嘗試以下配置：

eslintrc.js：

module.exports = {
      root: true,
      "extends": "eslint:recommended",
    };

eslintrc.json：

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "google"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
    }
}