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

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

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 Report

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 Report

0

Prueba con npx ngcc

Siga el enlace de github para la respuesta

over 4 years ago · Santiago Trujillo Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 Report

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 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!