Error 'let' is available in ES6 (use ‘esversion: 6’)

Error 'let' is available in ES6

(use ‘esversion: 6’)

Solución al "error" o mensaje producido en VSCode por una configuración por defecto de la extensión JSHint:

 

Si te has topado con el mensaje de error mientras practicas escribiendo JavaScript en VSCode y tienes instalada la extensión de JSHint, estos pasos pueden ayudarte a solucionarlo y comprender porque surge dicho error.

Éste es el mensaje que me daba VSCode debido a una configuración de JSHint:

'let is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz). jshint(W104)

'let' está disponible en ES6 (usa 'esversion: 6') o extensiones de Mozilla JS (usa moz). (W104) jshint(W104)

Vemos que nos dice: usa 'esversion: 6', vale ¿pero dónde? 

    Al final del mensaje, en gris, nos dice jshint(W104) podríamos interpretar que el mensaje nos lo proporciona VSCode advirtiendo que el error proviene de la extensión JSHint por lo tanto tendríamos que encontrar dónde se encuentra el archivo de configuración de la extensión para poder usar lo que nos indica, es decir tendríamos que ordenar a la extensión, que se encarga de ayudarnos marcando los errores de sintaxis a la hora de escribir código JavaScript, que también detectase los errores de sintaxis relativos a las últimas versiones de JS, en este caso de ES6.

Pasos a seguir: 

        1. Buscar el archivo global de configuración del usuario en VSCode. 

Abrimos el menú Archivo -> Preferencias > Configuración 

o en Windows presionando Ctrl+, 

    Nos mostrará una ventana dentro de VSCode con una barra de búsqueda, donde indicaremos el nombre del archivo encargado de la configuración de la extensión JSHint. 

Éste será un archivo '.json' con un nombre común: SETTINGS.JSON

        2. Indicamos el nombre o ruta para encontrar la configuración de JSHint

En la barra de búsqueda de la ventana 'Configuración' escribimos JSHINT.OPTIONS

Si no encontramos nada es que no tenemos la extensión de JSHint y esta guía no te resultará útil (siento no poder ayudar)

En el caso de que sí veamos "Editar en settings.json" hacemos click sobre el enlace para abrir  el archivo de configuración 'settings.json'

        3. Indicar a JSHint que queremos que tenga en cuenta la sintaxis de ES6

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

En mi caso encontré que la orden "jshint.options" no tenía la especificación "esversion":6, por lo que solo tuve que escribir la especificación. Tal y como me indicaba el mensaje de error, pero no tenía muy claro dónde exactamente. Si no encontrases la orden "jshint.options" añade el código bajo la imagen después de la última orden que veas respetando las comas, corchetes... la sintaxis de json. Guarda el archivo, y vuelve a tu código JavaScript y comprueba si sigue marcando error en la variable let.