¿Cómo incluyo el diseño flexible?

10

Estoy tratando de agregar un diseño flexible a una aplicación angular, pero cuando lo hago y trato de usarlo, la aplicación se rompe. He instalado

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

luego importado en app.module.ts

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

import [ FlexLayoutModule ]

También he actualizado el mecanografiado al último

npm i typescript@latest

Pero cuando la aplicación intenta compilar, obtengo todo tipo de errores:

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.

Y la lista continúa. ¿Tengo una versión que no coincide con algo?

Gracias.....

angular angular-flex-layout

— cpeddie
fuente

o puede ser una versión mecanografiada>

— Prashant Pimpale

¿Responde esto a tu pregunta? TS1086: No se puede declarar un

— descriptor de acceso

7

Intenta agregar tslib en dependencias

npm install --save tslib

Editar

Si está utilizando Angular v8, use v8 para el diseño flexible porque v9 necesita Angular v9.

— Ratnadeep Bhattacharyya
fuente

Ningún cambio. Los mismos errores que antes.

— cpeddie

3

Alguien ya ha planteado el problema del error TS1086. Saquearlo y su solución . La respuesta esv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.

— Ratnadeep Bhattacharyya

Eso fue todo. Versión incorrecta de diseño flexible.

— cpeddie

24

Es porque estás en Angular 8 pero la biblioteca requiere Angular 9. En tu package.json usa esta versión: "@angular/flex-layout": "^8.0.0-beta.27"

— filol
fuente

Gracias, funciona para mi!

— user3856842