bagaimana cara saya memasukkan flex-layout

10

Saya mencoba menambahkan tata letak fleksibel ke aplikasi bersudut, tetapi ketika saya melakukannya dan mencoba menggunakannya, aplikasi tersebut rusak. Saya sudah menginstal

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

kemudian diimpor di app.module.ts

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

import [ FlexLayoutModule ]

Saya juga telah meningkatkan naskah ke yang terbaru

npm i typescript@latest

Tetapi ketika aplikasi mencoba mengkompilasi, saya mendapatkan semua jenis kesalahan:

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.

dan daftarnya berlanjut. Apakah saya memiliki versi ketidakcocokan sesuatu?

Terima kasih.....

cpeddie
sumber
atau mungkin versi naskah>
Prashant Pimpale
Apakah ini menjawab pertanyaan Anda? TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient
Prashant Pimpale

Jawaban:

7

Cobalah untuk menambahkan tslib dalam dependensi

npm install --save tslib

Edit

Jika Anda menggunakan Angular v8 maka gunakan v8 untuk flex-layout karena v9 perlu Angular v9.

Ratnadeep Bhattacharyya
sumber
Tidak ada perubahan. Kesalahan yang sama seperti sebelumnya.
cpeddie
3
Seseorang sudah mengajukan masalah untuk kesalahan TS1086. Menjarahinya dan solusinya . Jawabannya adalahv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ratnadeep Bhattacharyya
Itu dia. Versi Layout Flex salah.
cpeddie
24

Itu karena Anda berada di Angular 8 tetapi perpustakaan membutuhkan Angular 9. Di package.json Anda menggunakan versi ini: "@angular/flex-layout": "^8.0.0-beta.27"

filol
sumber
Terima kasih, ini berhasil untuk saya!
user3856842