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


ou peut être une version dactylographiée>
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.


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"


Merci, ça marche pour moi!
user3856842
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.