como faço para incluir layout flexível

10

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

cpeddie
fonte
ou pode ser uma versão datilografada>
Prashant Pimpale
Isso responde sua pergunta? TS1086: Um acessador não pode ser declarado em um contexto ambiental
Prashant Pimpale 28/01

Respostas:

7

Tente adicionar tslib nas dependências

npm install --save tslib

Editar

Se você estiver usando o Angular v8, use o v8 para o layout flexível, pois o v9 precisa do Angular v9.

Ratnadeep Bhattacharyya
fonte
Nenhuma mudança. Os mesmos erros de antes.
cpeddie 28/01
3
Alguém já levantou problema por erro TS1086. Saqueie-o e sua solução . A resposta év9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ratnadeep Bhattacharyya 28/01
Foi isso. Versão errada do Flex Layout.
cpeddie 29/01
24

É 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"

filol
fonte
Obrigado, funciona para mim!
user3856842 11/02