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

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

Respuestas:

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