Saltar al contenido

Vue: deshabilitar el error no-unused-vars: la solución más simple

Solución:

Estás usando eslint, que agrega reglas a tu código, no unused vars es uno de ellos, lo que significa que no se le permite tener una variable sin usar en su código, por lo que la importación de la variable axios de import axios from'axios' te da error porque no estás usando axios variable todavía. Puede ignorar las reglas de la siguiente manera:

1. Deshabilitar una regla en una línea

Puede deshabilitar una regla eslint en una línea agregando // eslint-disable-next-line no-unused-vars encima de la línea que desea deshabilitar, por ejemplo:

// eslint-disable-next-line no-unused-vars
import axios from 'axios';

Pones tu comentario en la línea incorrecta, se supone que debe estar arriba import axios from 'axios';, así que cambia

// eslint-disable-next-line no-unused-vars

import axios from 'axios';

para

// eslint-disable-next-line no-unused-vars
import axios from 'axios';

2. Deshabilitar una regla por completo en su proyecto

También puede deshabilitar una regla por completo en su proyecto. Para hacer esto, necesita configurar sus reglas de eslint en package.json o .eslintrc.js dependiendo de dónde guarde su configuración de eslint.

Si elige almacenar la configuración de eslint en package.json, agregar eslintConfig clave como esta:

{
    "name": "your-app-name",
    "dependencies": { ... },
    "devDependencies": { ... },
    "eslintConfig": { // Add this <-----
        "root": true,
        "env": {
            "node": true
        },
        "extends": [
            "plugin:vue/essential",
            "eslint:recommended"
        ],
        "parserOptions": {
            "parser": "babel-eslint"
        },
        "rules": { // rules configuration here <-----
            "no-unused-vars": "off" 
        }
    }
}

Si elige almacenar la configuración de eslint en .eslintrc.js, simplemente agrega rules llave:

module.exports = {
    ...
    rules: {
        "no-unused-vars": "off"
    }
}
  • Lea más sobre las reglas disponibles de ESLint: https://eslint.org/docs/rules/
  • Leer más sobre la configuración de reglas de ESLint: https://eslint.org/docs/user-guide/configuring#configuring-rules

Acerca de su edición, el Cannot set property 'render' of undefined El error se debe a que el componente no se está exportando, esto no tiene nada que ver con eslint. Cambiar a:

<script>
// eslint-disable-next-line no-unused-vars
import axios from 'axios';
export default {
   methods: {
      greet()  {
         alert("Hello!");
      }
   }
}
</script>

Cuando crea un componente de Vue, se supone que debe exportarlo, lea más aquí: https://vuejs.org/v2/guide/components.html

Agregue esto en el archivo package.json y reinicie su servidor de desarrollo y la clave de reglas no debe estar dos veces en el archivo package.json.

"rules": {
   "no-unused-vars": "off"
 }
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *