react native - Corregir las importaciones automáticas en un monorepo de TypeScript
Estoy tratando de configurar un monorepo ya que pensé que compartir código común es una gran idea en un ecosistema de aplicaciones, ya que tienen muchos tipos, lógica y funciones en común. Mi repositorio incluye una aplicación React Native, una aplicación React, una aplicación Next y una aplicación backend Express también.
Estoy usando Yarn workspaces. Y he agregado shared-types como una dependencia en las aplicaciones de React Native y React. Las importaciones automáticas funcionan bien en la aplicación de React, pero no en la de React Native. Cuando agrego la importación manualmente, todo funciona bien, pero las importaciones automáticas simplemente no funcionan.
He investigado un poco pero no pude encontrar nada útil. Las cosas que he buscado incluyen esta pregunta sobre compartir código común y esta pregunta que utiliza paths para resolverlo. Hasta ahora, nada ha funcionado para mí.
archivo package.json raíz
"workspaces": [
"apps/*",
"backend/*",
"packages/*"
]
La estructura de carpetas es la siguiente.
|
|__ apps
| |__react-native-app
| |__react-app
| |__next-app
|__ backend
| |__express-app
|__ packages
|__ shared-types
Respuesta #1
Después de una semana de rascarme constantemente la cabeza, encontré la solución a este problema al mirar el tsconfig.json predeterminado creado por tsc --init.
Todo lo que necesitaba hacer era agregar las siguientes banderas y comenzó a funcionar. El tsconfig.json actualizado se ve así
{
"declaration": true,
"declarationMap": true
}
