Cómo deshabilitar una regla de ESLint

Un tutorial rápido sobre cómo deshabilitar las reglas de ESLint

¿Qué puede hacer para deshabilitar una regla de ESLint que quizás sus herramientas se configuren automáticamente?

Considere el caso en el que sus herramientas establecen las reglas no-debuggery no-console.

Puede haber una razón válida para el código de producción, pero en el modo de desarrollo, tener la capacidad de acceder al depurador del navegador y la API de la consola es esencial.

Puede deshabilitar una o más reglas de ESLint específicas para un archivo completo agregando algunas líneas:

/* eslint-disable no-debugger, no-console */console.log('test')

o simplemente puedes hacerlo en un bloque y volver a habilitarlo después:

/* eslint-disable no-debugger, no-console */console.log('test')/* eslint-enable no-alert, no-console */

O puedes desactivar la regla en una línea específica:

console.log('test') // eslint-disable-line no-console

debugger // eslint-disable-line no-debugger

alert('test') // eslint-disable-line no-alert

Otra forma es deshabilitarlo globalmente para el proyecto.

En ella package.jsonpuedes encontrar la eslintConfigregla, que puede tener ya algún contenido, como este:

  "eslintConfig": {    "extends": [      "react-app",      "react-app/jest"    ]  },

Aquí puedes desactivar las reglas que desees desactivar:

  "eslintConfig": {    "extends": [      "react-app",      "react-app/jest"    ],    "rules": {      "no-unused-vars": "off"    }  },

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase