J'essaie d'ajouter une mise en page flexible à une application angulaire, mais lorsque je le fais et que j'essaie de l'utiliser, l'application se casse. J'ai installé
npm i @angular/flex-layout @angular/cdk
puis importé dans app.module.ts
import { FlexLayoutModule } from '@angular/flex-layout';
import [ FlexLayoutModule ]
J'ai également mis à niveau le tapuscrit vers la dernière version
npm i typescript@latest
Mais lorsque l'application essaie de compiler, j'obtiens toutes sortes d'erreurs:
ERROR in node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:24:19 - error TS1086: An accessor cannot be declared in an ambient context.
24 protected get parentElement(): HTMLElement | null;
~~~~~~~~~~~~~
node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:26:19 - error TS1086: An accessor cannot be declared in an ambient context.
26 protected get nativeElement(): HTMLElement;
~~~~~~~~~~~~~
node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:28:9 - error TS1086: An accessor cannot be declared in an ambient context.
28 get activatedValue(): string;
~~~~~~~~~~~~~~
node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:29:9 - error TS1086: An accessor cannot be declared in an ambient context.
29 set activatedValue(value: string);
~~~~~~~~~~~~~~
node_modules/@angular/flex-layout/core/typings/breakpoints/break-point-registry.d.ts:20:9 - error TS1086: An accessor cannot be declared in an ambient context.
20 get overlappings(): BreakPoint[];
~~~~~~~~~~~~
node_modules/@angular/flex-layout/core/typings/breakpoints/break-point-registry.d.ts:24:9 - error TS1086: An accessor cannot be declared in an ambient context.
Et la liste continue. Ai-je une incompatibilité de version de quelque chose?
Merci.....
angular
angular-flex-layout
cpeddie
la source
la source
Réponses:
Essayez d'ajouter tslib dans les dépendances
Éditer
Si vous utilisez Angular v8, utilisez v8 pour flex-layout car v9 a besoin d'Angular v9.
la source
v9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
C'est parce que vous êtes sur Angular 8 mais que la bibliothèque nécessite Angular 9. Dans votre package.json, utilisez cette version:
"@angular/flex-layout": "^8.0.0-beta.27"
la source