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

10

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

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.

И список продолжается. Есть ли у меня несовпадение версий чего-либо?

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

cpeddie
источник
или может быть машинописная версия>
Прашант Пимпале

Ответы:

7

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

npm install --save tslib

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

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

Ратнадип Бхаттачарья
источник
Без изменений. Те же ошибки, что и раньше.
cpeddie
3
Кто-то уже поднимал вопрос об ошибке TS1086. Хватит на это и его решение . Ответv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ратнадип Бхаттачарья
Это было это. Неправильная версия Flex Layout.
cpeddie
24

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

филол
источник
Спасибо, это работает для меня!
user3856842