error eslint parsing: unexpected token eslint error

Question

i am getting unexpected token on the square bracket.

i have tried setting the eslint parameters and install babel-eslint but nothing works for me.

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
  }
}

I should be able to build the code but eslint is throwing error saying unexpected token.

score 1 · Answer 1 · answered Aug 20 '19 at 00:35

1

Please note that supporting JSX syntax is not the same as supporting React. React applies specific semantics to JSX syntax that ESLint doesn’t recognize. We recommend using eslint-plugin-react if you are using React and want React semantics. By the same token, supporting ES6 syntax is not the same as supporting new ES6 globals (e.g., new types such as Set). For ES6 syntax, use { "parserOptions": { "ecmaVersion": 6 } }; for new ES6 global variables, use { "env": { "es6": true } }.

answered Aug 20 '19 at 00:35

hong developer

13,291
4
38
68

I don't see how this relates to the code in the question, which doesn't use jsx at all? – Bergi Aug 20 '19 at 03:53
@Bergi The questioner wants to use parameters globally. But like my answer, React does not automatically activate the entire ES6. – hong developer Aug 20 '19 at 04:25

score 0 · Answer 2 · answered Aug 20 '19 at 05:26

0

Try these configurations :

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": {
    }
}

answered Aug 20 '19 at 05:26

Nirvana

63
3
10

Why this? Which of the changes solves the OPs problem, and how? – Bergi Aug 20 '19 at 05:32
take a look: https://stackoverflow.com/questions/36001552/eslint-parsing-error-unexpected-token – Nirvana Aug 20 '19 at 11:20

error eslint parsing: unexpected token eslint error

2 Answers2