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"
}