React lanzó recientemente una nueva versión que tiene cambios importantes en los tipos de TypeScript ( se puede leer aquí ). Los paquetes que requieren "@types/react": "*" apuntan a esta nueva versión automáticamente y hacen que mi proyecto se rompa.
Pensé que iría a los proyectos que tienen este estilo de requisito y les pediría que cambien la dependencia a opcional o que la eliminen. Luego pensé en ser más proactivo y hacer una solicitud de extracción para hacer el cambio yo mismo y obtener algo de experiencia contribuyendo al código abierto.
Sin embargo, todavía tengo que encontrar dónde se haría este cambio en el proyecto. Revisé los primeros 5 paquetes que tienen este problema y todavía tengo que encontrar dónde se requiere @types/react.
Como ejemplo, en mi archivo package-lock.json, la lista de @types/react-redux muestra que requiere @types/react: "*"
Así que voy a la página de npm para @types/react-redux y sigo el enlace a la página de github (también verifiqué que estoy en la versión más reciente). Espero que los paquetes requeridos se encuentren en el archivo package.json allí, y todos son excepto @types/react.
Nos está costando mucho intentar que nuestro proyecto vuelva a funcionar después de que los cambios en React se hayan introducido automáticamente debido a estas versiones "*" requeridas de @types/react.
¿Alguien puede ayudarme a saber de dónde viene esto para que pueda hacer solicitudes de extracción para estos proyectos o pedirles a los mantenedores que hagan el cambio?
Es porque index.d.ts imports react , pero dado que package.json no contiene una dependencia explícita en @types/react , DefinitelyTyped lo agrega automáticamente al paquete generado del paquete package.json utilizando la información proporcionada por el compilador de TypeScript.
Para anclar la versión de dependencia, simplemente agréguela explícitamente a package.json , por ejemplo:
{ "private": true, "dependencies": { "@types/hoist-non-react-statics": "^3.3.0", "@types/react": "16", "hoist-non-react-statics": "^3.3.0", "redux": "^4.0.0" } } ( "@types/react": "16" es solo un ejemplo: use una versión o rango de versión que se ajuste). Para ver un ejemplo real, vea esta solicitud de incorporación de cambios que introduce un cambio similar.