Why does JSHint throw a warning if I am using const

Question

This is the error I get when using const    lt error line  2  column  1  severity  warning  message   amp apos const amp apos  is available in ES6  use esnext option  or Mozilla JS extensions  use moz    source  jshint W104    gt    My code looks like this   const Suites         Spade  1      Heart  2      Diamond  3      Club  4      The code works fine only JSHint is warning me every time

User · Accepted Answer

When relying upon ECMAScript 6 features such as const, you should set this option so JSHint doesn't raise unnecessary warnings.

~~/*jshint esnext: true */~~ (Edit 2015.12.29: updated syntax to reflect @Olga's comments)

/*jshint esversion: 6 */

const Suites = {
    Spade: 1,
    Heart: 2,
    Diamond: 3,
    Club: 4
};

This option, as the name suggests, tells JSHint that your code uses ECMAScript 6 specific syntax. http://jshint.com/docs/options/#esversion

Edit 2017.06.11: added another option based on this answer.

While inline configuration works well for an individual file, you can also enable this setting for the entire project by creating a .jshintrc file in your project's root and adding it there.

{
  "esversion": 6
}

User · Answer

Create a file called  say jshint opts with this content     esversion   6    Then invoke jshint with something like this command line   jshint --config jshint opts lib   js

User · Answer

I spent ages trying to fix this  Every solution talks about  setting options   I don t know what that means  Finally  I figured it out  You can just include a commented out line at the top of the file   jshint esversion  6

User · Answer

Creating a  jshintrc file is not necessary  If you are using ECMAScript 6 then all you need to do is tell JSHint that   Go to File  gt  Settings Navigate to Languages  amp  Frameworks  gt  JavaScript  gt  Code Quality Tools  gt  JSHint  Scroll down to find Warn about incompatibilities with the specified ECMAScript version  Click on Set  Enter 6 and then press  Set   Click  OK

User · Answer

If you are using Grunt configuration  You need to do the following steps  Warning message in Jshint     Solution    Set the jshint options and map the  jshintrc js file      Create the  jshintrc js file in that file add the following code           esversion   6        After configured this  Run again It will skip the warning

User · Answer

You can specify esversion 6 inside jshint options object  Please see the image  I am using grunt-contrib-jshint plugin

User · Answer

May 2020 Here s a simple solution i found and it will resolve for all of my projects  on windows if your project is somewhere inside c  directory   create new file  jshintrc and save it in C directory open this  jshintrc file and write    esversion   6  and that s it  the warnings should go away   same will work in d directory      yes you can also enable this setting for the specific project only by same creating a  jshintrc file in your project s root and adding    esversion   6

User · Answer

Create  jshintrc file in the root dir and add there the latest js version   quot esversion quot   9 and asi version   quot asi quot   true  it will help you to avoid using semicolons         quot esversion quot   9       quot asi quot   true

User · Answer

You can add a file named  jshintrc in your app s root with the following content to apply this setting for the whole solution          esversion   6     James  answer suggests that you can add a comment   jshint esversion  6    for each file  but it is more work than necessary if you need to control many files

User · Answer

I got this same warning when using an export statement  I m using VS Code and used a similar approach to Wenlong Jiang s solution   User Settings  JSHint config   quot jshint config quot       Edit   Use double quotes when specifying  quot esversion quot  Or copy this snippet into User Settings   quot jshint options quot        quot esversion quot   6       Creating a  jshintrc file isn t necessary if you want to configure the global jshint settings for your editor

User · Answer

If you are using Webstorm and if you don t have your own config file  then just enable EcmaScript next in Relaxing options in in     Settings   Languages  amp  Frameworks   JavaScript   Code Quality Tools     JSHint   See this question How-do-I-resolve-these-JSHint-ES6-errors

User · Answer

If using Sublime Text 3     Go to Preferences -  Settings Under Preferences sublime-settings   User add  esversion   6

User · Answer

For SublimeText 3 on Mac    Create a  jshintrc file in your root directory  or wherever you prefer  and specify the esversion           jshintrc              esversion   6          Reference the pwd of the file you just created in SublimeLinter user settings   Sublime Text   Preference   Package Settings   SublimeLinter   Settings           SublimeLinter Settings - User              linters              jshint                args     --config     Users  your username   jshintrc                              Quit and relaunch SublimeText

User · Answer

In your package json you can tell Jshint to use es6 like this   jshintConfig         esversion   6

User · Answer

To fix this in Dreamweaver CC 2018  I went to  preferences  edit rule set - select JS  edit apply changes  find  esnext   and changed the false setting to true  It worked for me after hours of research  Hope it helps others

User · Answer

When you start using ECMAScript 6 this error thrown by your IDE    There are two options available   if you have only one file and want to use the es6 then simply add below line at the top of the file     jshint esversion  6      Or if you have number of js file or you are using any framework like nodejs express you can create a new file named  jshintrc in your root directory and add code below in the file          esversion   6     If you want to use the es6 version onward for each project you can configure your IDE

User · Answer

In a new version of Dreamweaver to solve this error   Go to Edit- Preference- Linting And the go-to js Edit rule set and past   jshintConfig        esversion   6

User · Answer

If you re using VSCode   1    Go to preferences -  settings  cmd      Type jshint options into the search bar Hover over it and click on the pencil icon Its now appended on the right side  Add  esversion   6 to the options object      2   Or simply add this to your user settings    jshint options          esversion   6        UPDATE  new vscode settings   Go to preferences -  settings  cmd      type jshint into search      continue with step 2

[javascript] Why does JSHint throw a warning if I am using const?

Examples related to javascript

Examples related to node.js

Examples related to constants

Examples related to jslint

Examples related to jshint