arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6')

Question

Currently I'm running my tests with protractor/grunt but I'm getting the follow error message:

'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').

I think my .jshintrc file is not being read, because I've added this condition.

.jshintrc

{ 
  "esversion": 6 
}

Gruntfile.js

jshint : {
  all: ["tests/API/**/*.js"],
  options: {
    undef: true,
    mocha: true,
    node: true,
    jshintrc: true,
    esversion: 6,
    globals: {
      require: true,
      module: true,
      console: true,
      esversion: 6,
      }
  },
  ui: ["tests/UI/**/*.js"],
  options: {
    undef: true,
    mocha: true,
    node: true,
    jshintrc: true,
    esversion: 6,
    globals: {
      require: true,
      module: true,
      console: true,
      esversion: 6,
      jshintrc: true,
    }
  }
}

Any idea to solve this problem?

Why do you use `options` and `globals` 2 times as keys if they have the same values and are in the same object depth? — GGG, Mar 17 '17 at 20:06
What @GGG may be asking is that you have the same `options` object in your `jshint` object for no apparent reason. Are the keys `all` and `ui` supposed to be point to objects, which each have their own `options`? — , Mar 17 '17 at 20:57
This is a bit old, but have you tried settings `esnext: true` inside `options`? — GGG, May 22 '17 at 05:18

score 58 · Answer 1 · answered Mar 18 '17 at 05:13

58

I was able to resolve this issue by adding this block of code at the top of each file.js that accused the error

/*jshint esversion: 6 */

Example:

answered Mar 18 '17 at 05:13

Rafael C.

2,245
4
29
45

If the IDE supports extensions, then install jshint extension :) – Ichorville Mar 10 '18 at 14:01
1

For me worked. I am using VSCode on MacOS. Thank you. – Riccardo Persiani Aug 01 '18 at 09:48

score 56 · Answer 2 · answered Jul 01 '18 at 14:58

56

It is not possible to add /*jshint esversion: 6 */ in each file.js file.

Instead of above, please do below changes if you are using Visual Studio Code: -

Open Visual Studio Code
File -> Preferences -> Settings
Default User Settings -> JSHint configuration
look for "jshint.options": {},
change it to "jshint.options": {"esversion": 6}, by clicking on Edit on the left

answered Jul 01 '18 at 14:58

Kushal Shinde

715
7
15

3

This worked for me. After step 3, under the config section, click "Edit in settings.json". In my settings, there was no jshint.options, so I had to add it. – JimmyV Feb 21 '19 at 15:52

score 18 · Answer 3 · answered Feb 06 '19 at 12:21

You can do more project-specific settings by following these steps.

Create a folder with the name of .vscode at the root of your project directory
Create a file with the name settings.json
Add the following content into it.

{
  "jshint.options": {
    "esversion": 6
  }
}

You can add some more settings to keep things consistents across your team.

{
    "editor.tabSize": 2,
    "editor.formatOnSave": true,
    "editor.formatOnType": true, 
    "jshint.options": {
        "esversion": 6
    }
}

score 5 · Answer 4 · answered Aug 08 '20 at 15:25

5

Add the following into your package.json:

"jshintConfig": {
  "esversion": 6
}

answered Aug 08 '20 at 15:25

Tom Hale

40,825
36
187
242

score 3 · Answer 5 · answered Feb 07 '20 at 00:09

I have this problem after I installed JSHint. The process for me to solve this problem as below: Preference -> setting -> Extensions -> JSHint Configuration -> options -> add "jshint.options": {"esversion": 6} Done.

arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6')

5 Answers5

Linked