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


ou pode ser uma versão datilografada>
Prashant Pimpale

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.


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"


Obrigado, funciona para mim!
user3856842 11/02
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.