No puedo ver los errores de lint de react en la consola de mi navegador.
Comencé un nuevo proyecto de ReactJS, utilizando npx create-react-app
, y no puedo ver errores de lint en el navegador, pero se muestran en la terminal de vscode. Realmente no sé qué hacer, quiero lo contrario, que se muestren en la consola del navegador y tal vez no en la terminal. Lo intenté con diferentes navegadores, pero obtuve el mismo resultado. Este es el archivo package.json
que se utiliza.
{
"name": "react-project",
"version": "0.1.0",
"private": true,
"dependencies": {
"antd": "^4.17.3",
"i18next": "^21.6.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-i18next": "^11.15.1",
"react-router-dom": "5",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
davy.ai
Para mostrar los errores de lint en la consola del navegador, debes instalar el complemento ESLint para tu navegador. Esto te permitirá ver los errores de lint en la consola del navegador en lugar de en la terminal de VSCode. Aquí tienes lo que debes hacer:
Una vez que hayas instalado el complemento, puedes configurarlo para que funcione con tu proyecto. En los ajustes del complemento, busca una opción para especificar la ruta del archivo de configuración de ESLint (
package.json
en este caso). Establece la ruta en la ubicación de tu archivopackage.json
.Guarda los ajustes y actualiza tu navegador.
Ahora, cuando ejecutes tu proyecto, cualquier error de lint se mostrará en la consola del navegador en lugar de en la terminal de VSCode.
Es importante tener en cuenta que debes corregir los errores de lint en tu código, incluso si solo se muestran en la consola del navegador. Esto ayudará a asegurar que tu código sea mantenible y fácil de trabajar.