comment inclure la flex-layout

10

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

cpeddie
la source
ou peut être une version dactylographiée>
Prashant Pimpale
Est-ce que cela répond à votre question? TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant
Prashant Pimpale

Réponses:

7

Essayez d'ajouter tslib dans les dépendances

npm install --save tslib

Éditer

Si vous utilisez Angular v8, utilisez v8 pour flex-layout car v9 a besoin d'Angular v9.

Ratnadeep Bhattacharyya
la source
Pas de changement. Mêmes erreurs qu'avant.
cpeddie
3
Quelqu'un a déjà soulevé le problème de l'erreur TS1086. Pillez-le et sa solution . La réponse estv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ratnadeep Bhattacharyya
C'était ça. Mauvaise version de Flex Layout.
cpeddie
24

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"

filol
la source
Merci, ça marche pour moi!
user3856842