Hoy te mostraré cómo deshabilitar el linter de ESLint que normalmente se usa al programar aplicaciones web con JavaScript.

Este linter nos ayuda a tener un código más limpio y ordenado, pero en ocasiones es necesario deshabilitar ESLint temporalmente o en determinadas líneas.

En mi caso quería invocar al depurador (con debugger) y me aparecía el mensaje de: Unexpected ‘debugger’ statement no-debugger.

Obviamente a ti te pueden aparecer otros errores relacionados a este linter llamado ESLint, por eso es que en este post te mostraré cómo deshabilitarlo ya sea por una línea o por un bloque, sin importar el error.

Deshabilitar ESLint en una línea

Si solo quieres que el código no sea “linteado” en una única línea, coloca el siguiente comentario antes de la línea en cuestión:

// eslint-disable-next-line

Con ello (eslint-disable-next-line) estás indicando que quieres deshabilitar eslint para la siguiente línea. Como ejemplo, si yo quisiera permitir el debugger, mis 2 líneas quedarían así:

// eslint-disable-next-line
debugger;

Deshabilitar ESLint en fragmento

Por otro lado, si tú tienes varias líneas en las que no quieres que el linter te moleste, puedes indicar el inicio y el fin del bloque que ESLint va a ignorar con eslint-disable y eslint-enable.

Es importante que el comentario sea un comentario de bloque aunque abarque una sola línea. En este caso quedaría así:

/*eslint-disable */
// Aquí todo el código que no será revisado por ESLint
/*eslint-enable */

Y para poner un ejemplo:

/*eslint-disable */
debugger;
debugger;
/*eslint-enable */

Conclusión

Yo recomiendo que te apegues siempre  al linter y a lo que las reglas digan. Te muestro este post y cómo deshabilitar el linter temporalmente para casos específicos y temporales.

Por ejemplo, yo quería invocar al debugger únicamente una vez, así que en lugar de ir a modificar todas las reglas de ESLint deshabilité para esas líneas únicamente, pero no acostumbro a deshabilitarlo para todo el código.

Para terminar te dejo con más tutoriales de JavaScript.