Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

1.3K
Vistas
Angular 12 - TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'ngModule') en isModuleWithProviders
core.js:27296 Uncaught TypeError: Cannot read properties of undefined (reading 'ngModule') at isModuleWithProviders (core.js:27296) at expandModuleWithProviders (core.js:27290) at Array.map (<anonymous>) at Function.get (core.js:26927) at getNgModuleDef (core.js:1117) at assertNgModuleType (core.js:1296) at compileNgModuleFactory__POST_R3__ (core.js:29073) at PlatformRef.bootstrapModule (core.js:29324) at Module.14431 (main.ts:11) at __webpack_require__ (bootstrap:19)

Tengo una biblioteca personalizada que consume el proyecto principal (aplicación). Todo estuvo bien hasta que actualicé el proyecto a Angular 12.

Seguí las instrucciones de actualización aquí , tanto para el proyecto principal como para la biblioteca personalizada.

No hay errores de compilación cuando sirvo y no hay errores de compilación cuando construyo con el indicador --prod. Sin embargo, cuando trato de evaluar la aplicación localmente desde el navegador, aparece el error anterior.

He intentado depurarlo. Eso me llevó a estas soluciones, aquí y aquí . Con eso, pude rastrear el error hasta los módulos importados de la biblioteca personalizada. Pero ahí es donde estoy atascado.

Por favor, ¿alguien puede ayudarme a corregir el error y ejecutar la aplicación?

módulo de aplicación

 import { UtilsModule } from '@utils/utils.module'; import { PipesModule } from '@pipes/pipes.module'; ... @NgModule({ imports: [ BrowserModule, ... PipesModule, UtilsModule ] })

tsconfig.json

 { "paths": { ... "@pipes/*": [ "./node_modules/custom-library/src/pipes/*" ], "@utils/*": [ "./node_modules/custom-library/src/utils/*" ], ... } ... }

paquete.json

 { ... "dependencies": { ... "custom-library": "url-to-repository-branch" ... } ... }

La biblioteca se instaló con este enfoque aquí

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Llevo todo el día buscando una solución a tu problema (que también era el mío). A ver si te sirve lo que he encontrado.

Explicando el problema:

Tengo varias bibliotecas angulares no publicadas y quiero usarlas en un proyecto que estamos desarrollando.

Durante la fase de desarrollo, todo estuvo bien (utilicé tsconfig.json para configurar la ruta de las bibliotecas). Sin embargo, en el despliegue, esa información se perdió.

La solución fue:

  • Cree una compilación a partir de las bibliotecas (npm build PROJECT_LIBRARY)
  • Cree un paquete a partir de esa nueva carpeta (npm package ./FOLDER_OF_BUILT_LIBRARY)
    • Es importante que el paquete se haga desde la BUILT Library y no desde el código original
  • Npm Instale esa biblioteca, basada en un archivo:
    • archivo "biblioteca a importar":/./tmp/biblioteca-a-importar.0.0.1.tgz"

Y después de eso, úsalo normalmente. Lo tengo funcionando (usando angular v12)

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda