Estoy aprendiendo material angular y recibo este error al importar { MatButtonModule } desde "@angular/material/button".
Por lo que leí en otras respuestas, parece que hay problemas de compatibilidad de paquetes, pero no pude solucionarlo.
Aquí está el error completo
ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(128,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(129,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(134,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(135,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts(96,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts(98,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts(69,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts(70,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/observers/observe-content.d.ts(62,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/observers/observe-content.d.ts(63,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/observers/observe-content.d.ts(66,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/observers/observe-content.d.ts(67,9): error TS1086: An accessor cannot be declared in an ambient context.Aquí está mi paquete.json
"name": "football", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~8.2.14", "@angular/cdk": "^9.0.0", "@angular/common": "~8.2.14", "@angular/compiler": "~8.2.14", "@angular/core": "~8.2.14", "@angular/forms": "~8.2.14", "@angular/material": "8.2.3", "@angular/platform-browser": "~8.2.14", "@angular/platform-browser-dynamic": "~8.2.14", "@angular/router": "~8.2.14", "hammerjs": "^2.0.8", "rxjs": "~6.4.0", "tslib": "^1.10.0", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.803.21", "@angular/cli": "~8.3.21", "@angular/compiler-cli": "~8.2.14", "@angular/language-service": "~8.2.14", "@types/node": "~8.9.4", "@types/jasmine": "~3.3.8", "@types/jasminewd2": "~2.0.3", "codelyzer": "^5.0.0", "jasmine-core": "~3.4.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.1.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.15.0", "typescript": "~3.5.3" } }De acuerdo con su paquete.json, está usando Angular 8.3, pero ha importado angular/cdk v9. Puede degradar su versión angular/cdk o puede actualizar su versión angular a v9 ejecutando:
ng update @angular/core @angular/cli
Eso actualizará su versión angular local a 9. Luego, solo para sincronizar material, ejecute: ng update @angular/material
Primero, verifique en el archivo module.ts que en @NgModule todas las propiedades son solo una vez. Si alguno de ellos es más de una vez, también aparece este error. Debido a que también había ocurrido este error, pero en la propiedad de los entryComponents module.ts dos veces, es por eso que estaba recibiendo este error. Resolví este error eliminando componentes de @NgModule entryComponents Por lo tanto, te recomiendo que primero lo revises correctamente.
Agregar skipLibCheck: true en compilerOptions dentro del archivo tsconfig.json solucionó mi problema.
"compilerOptions": { "skipLibCheck": true, },Estos problemas surgen generalmente debido a la falta de coincidencia entre la versión de @ngx-translate/core y Angular . Antes de instalar, verifique la versión compatible de ngx_trnalsate/Core correspondiente, @ngx-translate/http-loader y Angular en https://www.npmjs.com/ paquete/@ngx-translate/núcleo
Por ejemplo: para versiones Angular 6.X,
npm install @ngx-translate/core@10 @ngx-translate/http-loader@3 rxjs --saveAl igual que arriba, siga el siguiente comando y el resto de la parte del código es común para todas las versiones (Nota: la versión se puede obtener de ( https://www.npmjs.com/package/@ngx-translate/core )
npm install @ngx-translate/core@version @ngx-translate/http-loader@version rxjs --saveTuve este problema pero no tuve un conflicto de versión en mi paquete.json.
Sin embargo, mi paquete-lock.json no estaba sincronizado con el paquete json. Eliminar y regenerarlo funcionó para mí.
Resolví el mismo problema siguiendo los siguientes pasos:
Verifique la versión angular: Usando el comando: ng version Mi versión angular es: Angular CLI: 7.3.10
Después de eso, tengo una versión de soporte de ngx bootstrap desde el enlace: https://www.npmjs.com/package/ngx-bootstrap
En el archivo package.json actualice la versión: "bootstrap": "^4.5.3", "@ng-bootstrap/ng-bootstrap": "^4.2.2",
Ahora, después de actualizar package.json, use el comando npm update
Después de este comando de uso ng serve y mi error se resolvió
npm i @ionic/storage@2.2.0esto es instalar para degradar su paquete de almacenamiento