Estou tentando adicionar layout flexível a um aplicativo angular, mas quando o faço e tento usá-lo, o aplicativo é interrompido. Eu instalei
npm i @angular/flex-layout @angular/cdk
depois importado em app.module.ts
import { FlexLayoutModule } from '@angular/flex-layout';
import [ FlexLayoutModule ]
Também atualizei o texto datilografado para o mais recente
npm i typescript@latest
Mas quando o aplicativo tenta compilar, recebo todos os tipos de erros:
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 a lista continua. Eu tenho uma incompatibilidade de versão de alguma coisa?
Obrigado.....
angular
angular-flex-layout
cpeddie
fonte
fonte
Respostas:
Tente adicionar tslib nas dependências
Editar
Se você estiver usando o Angular v8, use o v8 para o layout flexível, pois o v9 precisa do Angular v9.
fonte
v9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
É porque você está no Angular 8, mas a biblioteca exigia o Angular 9. No package.json, use esta versão:
"@angular/flex-layout": "^8.0.0-beta.27"
fonte