Estoy tratando de agregar un diseño flexible a una aplicación angular, pero cuando lo hago y trato de usarla, 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 mecanografiado a la última

 npm i typescript@latest

Pero cuando la aplicación intenta compilar, recibo 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 discrepancia de versión de algo?