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

814
Vistas
TypeError no detectado: no se puede leer la propiedad 'id' de indefinido en registerNgModuleType - angular PWA

después de agregar @angular/pwa a mi aplicación

 ng add @angular/pwa --project appName

me sale error

core.js:34469 TypeError no capturado: no se puede leer la propiedad 'id' de undefined en registerNgModuleType

Si en mi appName.module.ts de las importaciones

 ServiceWorkerModule.register("ngsw-worker.js", { enabled: environment.production })

aplicación funcionando de nuevo.

Se agrega Angular.json

 "serviceWorker": true, "ngswConfigPath": "projects/tol5-admin-app/ngsw-config.json"

Aquí está mi paquete.json

 "private": true, "dependencies": { "@angular/animations": "~8.2.5", "@angular/cdk": "~8.2.2", "@angular/common": "~8.2.5", "@angular/compiler": "~8.2.5", "@angular/core": "~8.2.5", "@angular/flex-layout": "^8.0.0-beta.27", "@angular/forms": "~8.2.5", "@angular/material": "^8.2.2", "@angular/platform-browser": "~8.2.5", "@angular/platform-browser-dynamic": "~8.2.5", "@angular/router": "~8.2.5", "@angular/service-worker": "~8.2.5", "@ngrx/effects": "^8.3.0", "@ngrx/schematics": "^8.4.0", "@ngrx/store": "^8.3.0", "@ngrx/store-devtools": "^8.3.0", "font-awesome": "^4.7.0", "hammerjs": "^2.0.8", "jquery": "^3.4.1", "rxjs": "~6.4.0", "tslib": "^1.10.0", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.803.4", "@angular/cli": "~8.3.4", "@angular/compiler-cli": "~8.2.5", "@angular/language-service": "~8.2.5", "@compodoc/compodoc": "^1.1.11", "@types/node": "~8.9.4", "codelyzer": "^5.0.0", "protractor": "~5.4.0", "rxjs-tslint-rules": "^4.26.1", "ts-node": "~7.0.0", "tslint": "~5.15.0", "tslint-angular": "^3.0.2", "typescript": "~3.5.3", "webpack-bundle-analyzer": "^3.6.0" } }
over 4 years ago · Santiago Trujillo
15 Respuestas
Responde la pregunta

0

Para mí, este problema estaba relacionado con el VSCode Plugin "Angular Language Service". Actualicé el complemento a la última versión y comencé a recibir este error. Estoy escribiendo una nueva respuesta, porque todavía quería usar ALS, así que estos son los pasos para resolverlo para las personas que usan ALS (más reciente) y una versión anterior de angular en mi caso 8.

Básicamente, lo que está sucediendo es que la nueva versión de ALS usa el motor IVY que crea un montón de archivos en node_modules que no son compatibles con versiones anteriores de angular, por lo que los pasos a continuación lo solucionarán.

  1. Actualizar a la última ALS (13.1.0)
  2. Eliminar módulos de nodo
  3. Edite la "Configuración del espacio de trabajo" en VSCode y elija "Usar el servicio de idioma del motor de vista heredado" ingrese la descripción de la imagen aquí
  4. Ejecute npm-install
  5. Ganancia.
over 4 years ago · Santiago Trujillo Denunciar

0

me sucedió en angular 8 después de mover el proyecto y cambiar el nombre de la carpeta del proyecto ... la solución fue eliminar la carpeta node_modules y reinstalar iy con "npm ci" (que usa el paquete-lock.json)

over 4 years ago · Santiago Trujillo Denunciar

0

Prueba con npx ngcc

Siga el enlace de github para la respuesta

over 4 years ago · Santiago Trujillo Denunciar

0

En Angular 8, deshabilité Angular Language Service; sin embargo, rm-rf node_modules no funcionó, simplemente eliminé normalmente en Windows. Tuve que ejecutar powershell como administrador, luego instalar npm y luego degradar la Extensión del servicio de idioma angular en el código vs de 12 a v11.2.13.

Funcionó para mí.

over 4 years ago · Santiago Trujillo Denunciar

0

En mi caso, estaba ejecutando Angular 8 y mi proyecto dejó de funcionar repentinamente (supuse que después de una actualización del código VS v 1.56.2)

Resolví este problema desactivando una extensión de VS Code llamada Angular Language Service y eliminando la carpeta node_modules.

Luego ejecuto npm install y mi proyecto está funcionando desde entonces.

Dependencias de mi paquete json

 { ... "dependencies": { "@angular/animations": "8.2.14", "@angular/cdk": "~8.2.3", "@angular/common": "8.2.14", "@angular/compiler": "8.2.14", "@angular/core": "8.2.14", "@angular/forms": "8.2.14", "@angular/http": "7.2.15", "@angular/platform-browser": "8.2.14", "@angular/platform-browser-dynamic": "8.2.14", "@angular/router": "8.2.14", "@microsoft/applicationinsights-web": "~2.5.5", "@ng-bootstrap/ng-bootstrap": "5.0.0", "@ngx-translate/core": "^11.0.1", "@ngx-translate/http-loader": "^4.0.0", "angular-archwizard": "^4.0.0", "animate.css": "^3.7.2", "bootstrap": "4.4.1", "chart.js": "2.8.0", "core-js": "3.5.0", "crypto-js": "^4.0.0", "file-saver": "2.0.2", "flag-icon-css": "^3.4.5", "moment": "2.24.0", "ng2-charts": "2.3.0", "ng2-validation": "^4.2.0", "ngx-mask": "^8.1.6", "ngx-progressbar": "2.1.1", "oidc-client": "1.10.1", "popper": "1.0.1", "rxjs": "6.5.3", "rxjs-compat": "6.5.3", "tslib": "1.10.0", "zone.js": "0.10.2" }, }
over 4 years ago · Santiago Trujillo Denunciar

0

deshabilite cualquier extensión del editor que cause el problema. En mi caso, fue la extensión del servicio de lenguaje angular para el código de Visual Studio, reinstalar node_modules y reiniciar angular cli y editor.

over 4 years ago · Santiago Trujillo Denunciar

0

en 2021 en 8 angular Enfrenté este problema, simplemente eliminé node_modules y lo reinstalé; el problema se resolvió. entonces:

 rm -rf node_modules npm install
over 4 years ago · Santiago Trujillo Denunciar

0

Tengo el mismo problema y lo he solucionado. Encuentro algo en node_modules/angular/* , eso significa que Ivy funciona, así que lo desactivo en tsconfig.app.json

 { "extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/app", "types": ["node"] }, "exclude": [ "**/*.spec.ts" ], "angularCompilerOptions": { "enableIvy": false } }
over 4 years ago · Santiago Trujillo Denunciar

0

En mi caso, este error ocurrió aparentemente al azar. Tuve que eliminar node_modules y reinstalarlos, lo que solucionó el problema. Pero abrir el descuento de tiempo de ejecución del proyecto nuevamente tiene un error

over 4 years ago · Santiago Trujillo Denunciar

0

Según lo dicho por jai, tuve este problema cuando agregué un componente en la sección de importaciones. Los componentes deben estar en la parte de declaraciones. mover SearchFilterComponent a declaraciones resolvió este problema.

 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { routes } from './admin-settings-menu-routing'; import { HomeComponent } from './home.component'; import { SearchFilterComponent } from '../dashboard/common/search-filter/search-filter.component'; @NgModule({ declarations: [HomeComponent], imports: [ CommonModule, RouterModule.forChild(routes), SearchFilterComponent //Should not be declared here ], providers: [] }) export class AdminMenuModule { }

over 4 years ago · Santiago Trujillo Denunciar

0

ingrese la descripción de la imagen aquí

Esto podría suceder cuando ha importado un módulo incorrecto dentro de la matriz de imports en el módulo también. Una vez, cuando trabajaba con formularios reactivos, agregué por error FormBuilder dentro de las importaciones en lugar de ReactiveFormsModule y me dio un error similar.

Parece que este error podría provenir de múltiples razones.

over 4 years ago · Santiago Trujillo Denunciar

0

En mi caso, este error ocurrió aparentemente al azar. En un momento estaba funcionando, y al momento siguiente no. Las confirmaciones de trabajo conocidas también se rompieron.

Tuve que eliminar node_modules y reinstalarlos, lo que solucionó el problema.

over 4 years ago · Santiago Trujillo Denunciar

0

Arreglo rapido. Solo asegúrese de que solo los componentes estén declarados en la matriz de componentes, solo los módulos importados estén en la matriz de importaciones y los servicios deberían estar en la matriz de proveedores.

over 4 years ago · Santiago Trujillo Denunciar

0

Debe ejecutar este comando para compilar su aplicación angular ng build --prod y angular le mostrará los detalles del error.

En mi caso, importo una biblioteca incorrecta de Angular Material.

ERROR en node_modules/@angular/material/button/button.d.ts:22:22 - error NG6002: aparece en NgModule.imports de ListeningModule, pero no se pudo resolver en una clase NgModule.

Esto probablemente significa que la biblioteca (@angular/material/button) que declara MatButton no ha sido procesada correctamente por ngcc o no es compatible con Angular Ivy. Compruebe si hay disponible una versión más reciente de la biblioteca y, si es así, actualícela. También considere consultar con los autores de la biblioteca para ver si se espera que la biblioteca sea compatible con Ivy.

over 4 years ago · Santiago Trujillo Denunciar

0

Esto sucede a menudo cuando ha mezclado imports y declarations en el módulo pertinente (o alguna otra confusión similar).
Por ejemplo, podría haber puesto un componente en la matriz de imports , donde solo los módulos deberían ser 'declarados'.
El componente debe estar en la matriz de declarations .

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