después de agregar @angular/pwa a mi aplicación
ng add @angular/pwa --project appNameme 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" } }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.
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)
Prueba con npx ngcc
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í.
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" }, }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.
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 installTengo 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 } }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
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 { } 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.
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.
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.
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.
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 .