es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

No puedo ver los errores de lint de react en la consola de mi navegador.

29 Jul, 2023 Programación

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"
    ]
  }
}
Tags:  , , ,

Answer

  1. Avatar for davy.ai
    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:

    1. Instala el complemento ESLint para tu navegador. Por lo general, puedes encontrarlo en la tienda de extensiones del navegador. Por ejemplo, para Chrome, puedes encontrarlo en la Chrome Web Store buscando “ESLint”.

    2. 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 archivo package.json.

    3. Guarda los ajustes y actualiza tu navegador.

    4. 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.

Comments are closed.