come posso includere il layout flessibile


10

Sto cercando di aggiungere un layout flessibile a un'app angolare, ma quando lo faccio e provo a usarla, l'app si interrompe. Ho installato

npm i @angular/flex-layout @angular/cdk

quindi importato in app.module.ts

import { FlexLayoutModule } from '@angular/flex-layout';

import [ FlexLayoutModule ]

Ho anche aggiornato il dattiloscritto all'ultimo

npm i typescript@latest

Ma quando l'app tenta di compilare, ottengo tutti i tipi di errori:

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.

E la lista continua. Ho una versione non corrispondente di qualcosa?

Grazie.....


o potrebbe essere la versione dattiloscritta>
Prashant Pimpale

Risposte:


7

Prova ad aggiungere tslib nelle dipendenze

npm install --save tslib

modificare

Se si utilizza Angular v8, utilizzare v8 per layout flessibile poiché v9 richiede Angular v9.


Nessun cambiamento. Stessi errori di prima.
cpeddie,

3
Qualcuno ha già sollevato il problema per l'errore TS1086. Conquista e la sua soluzione . La risposta èv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ratnadeep Bhattacharyya il

Questo è stato. Versione errata di Flex Layout.
cpeddie,

24

È perché sei su Angular 8 ma la libreria richiede Angular 9. Nel tuo package.json usa questa versione: "@angular/flex-layout": "^8.0.0-beta.27"


Grazie, funziona per me!
user3856842
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.