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.

Obteniendo error al agregar React Testing Library para create-react-app (versión 16.12.0)

Estoy trabajando en un proyecto de React en TypeScript (versión de React 16.12.0) y me gustaría añadir React Testing Library a esto. Las versiones más recientes de React vienen con React-Testing-Library, pero el proyecto en el que estoy trabajando no lo incluye, así que lo instalé manualmente.

Añadí lo siguiente al package.json y ejecuté yarn install:

“@types/testing-library__react”: “^10.2.0”,

Cuando ejecuté yarn start, obtuve el siguiente error:

Imagen del error

Otras versiones de paquetes relacionados utilizadas:

“@types/react”: “~16.9.14”,

“typescript”: “3.4.5”,

“react-scripts”: “^3.0.0”

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Solución para agregar React Testing Library a un proyecto de React TypeScript

    Cuando se agrega React Testing Library a un proyecto de React TypeScript, es importante asegurarse de que se hayan instalado los paquetes y las versiones correctas.

    En el caso del proyecto mencionado, se siguieron los siguientes pasos:

    1. Instalar manualmente React Testing Library:
    npm install --save-dev @testing-library/react
    

    o con Yarn:

    yarn add --dev @testing-library/react
    
    1. Agregar las definiciones de TypeScript para React Testing Library:
    npm install --save-dev @types/testing-library__react
    

    o con Yarn:

    yarn add --dev @types/testing-library__react
    
    1. Actualizar el archivo tsconfig.json para incluir las definiciones de React Testing Library:
    {
      "compilerOptions": {
        "types": ["node", "jest", "@types/testing-library__react"]
      }
    }
    
    1. Ejecutar las pruebas para verificar que las instalaciones y las configuraciones sean correctas.

    Si te encuentras con el error mostrado en la captura de pantalla proporcionada, es posible que la versión de @types/testing-library__react que estás utilizando no sea compatible con la versión de @testing-library/react. Intenta actualizar ambos paquetes a la última versión o asegúrate de que sean versiones compatibles.

Comments are closed.