Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

1.3K
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda