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


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.

і список продовжується. У мене є невідповідність версії чогось?

Дякую.....


або може бути версією машинопису>
— Prashant Pimpale

Відповіді:


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.
— Ratnadeep Bhattacharyya

Це було все. Неправильна версія макета Flex.
— cpeddie

24

Це тому, що ви перебуваєте на Angular 8, але для бібліотеки потрібен Angular 9. У пакеті.json використовуйте цю версію: "@angular/flex-layout": "^8.0.0-beta.27"


Дякую, це працює для мене!
— користувач3856842
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.