как включить флекс-макет - PullRequest
Новая
       18

как включить флекс-макет

10 голосов
/ 28 января 2020

Я пытаюсь добавить flex-layout к приложению angular, но когда я пытаюсь его использовать, приложение ломается. Я установил 

npm i @angular/flex-layout @angular/cdk

, затем импортировал в app.module.ts 

import { FlexLayoutModule } from '@angular/flex-layout';

import [ FlexLayoutModule ]

Я также обновил машинопись до последней 

npm i typescript@latest

Но когда приложение пытается скомпилировать, я получаю все виды ошибок: 

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.

, и этот список можно продолжить. У меня что-то не соответствует версии?

Спасибо .....

Ответы [ 2 ]

24 голосов
/ 28 января 2020

Это потому, что вы находитесь на Angular 8, но требуется библиотека Angular 9. В вашем пакете. json используйте эту версию: "@angular/flex-layout": "^8.0.0-beta.27"

7 голосов
/ 28 января 2020

Попробуйте добавить tslib в зависимости 

npm install --save tslib

Редактировать

Если вы используете Angular v8, тогда используйте v8 для flex-layout, так как v9 нужно Angular v9.

...