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.