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
fuente
Respuestas:
Intenta agregar tslib en dependencias
Editar
Si está utilizando Angular v8, use v8 para el diseño flexible porque v9 necesita Angular v9.
fuente
v9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
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"
fuente