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


atau mungkin versi naskah>
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.


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"


Terima kasih, ini berhasil untuk saya!
user3856842
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.