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

cpeddie
quelle
oder kann
maschinengeschriebene

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.

Ratnadeep Bhattacharyya
quelle
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"

Filol
quelle
Danke, es funktioniert bei mir!
user3856842