Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

1.3K
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!