Wie füge ich Flex-Layout hinzu?


10

Ich versuche, einer eckigen App ein Flex-Layout hinzuzufügen, aber wenn ich es tue und versuche, es zu verwenden, wird die App unterbrochen. Ich habe installiert

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

dann in app.module.ts importiert

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

import [ FlexLayoutModule ]

Ich habe auch Typoskript auf den neuesten Stand gebracht

npm i typescript@latest

Aber wenn die App versucht zu kompilieren, bekomme ich alle möglichen Fehler:

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.

und die Liste geht weiter. Habe ich eine Versionsinkongruenz von etwas?

Vielen Dank.....



Antworten:


7

Versuchen Sie, tslib in Abhängigkeiten hinzuzufügen

npm install --save tslib

Bearbeiten

Wenn Sie Angular v8 verwenden, verwenden Sie v8 für das Flex-Layout, da v9 Angular v9 benötigt.


Keine Änderung. Gleiche Fehler wie zuvor.
— Cpeddie

3
Jemand hat bereits ein Problem mit dem TS1086-Fehler angesprochen. Beute es und seine Lösung . Antwort istv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
— Ratnadeep Bhattacharyya

Das war's. Falsche Version von Flex Layout.
— Cpeddie

24

Dies liegt daran, dass Sie Angular 8 verwenden, die Bibliothek jedoch Angular 9 benötigt. Verwenden Sie in Ihrem package.json diese Version: "@angular/flex-layout": "^8.0.0-beta.27"


Danke, es funktioniert bei mir!
— user3856842
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.