ฉันจะรวม flex-layout อย่างไร

10

ฉันกำลังพยายามเพิ่มความยืดหยุ่นให้กับแอพเชิงมุม แต่เมื่อฉันทำและลองใช้มันแอพจะหยุดพัก ฉันติดตั้งแล้ว

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

จากนั้นนำเข้าใน app.module.ts

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

import [ FlexLayoutModule ]

ฉันได้อัปเกรด typescript เป็นรุ่นล่าสุดแล้ว

npm i typescript@latest

แต่เมื่อแอพพยายามรวบรวมฉันได้รับข้อผิดพลาดทุกชนิด:

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.

และรายการจะดำเนินต่อไป ฉันมีบางสิ่งบางอย่างที่ไม่ตรงกันของรุ่นหรือไม่

ขอบคุณ .....

angular angular-flex-layout

— cpeddie
แหล่งที่มา

หรืออาจเป็น typescript เวอร์ชัน>

— Prashant Pimpale

นี่ตอบคำถามของคุณหรือไม่? TS1086: การเข้าถึงไม่สามารถประกาศในบริบทโดยรอบ

— Prashant Pimpale

7

ลองเพิ่ม tslib แบบอ้างอิง

npm install --save tslib

แก้ไข

หากคุณกำลังใช้ Angular v8 ให้ใช้ v8 สำหรับการจัดวางแบบยืดหยุ่นสาเหตุ v9 จำเป็นต้องใช้ Angular v9

— รัตนาธิเบศร์
แหล่งที่มา

ไม่มีการเปลี่ยนแปลง. ข้อผิดพลาดเหมือนเดิม

— cpeddie

3

มีคนแจ้งปัญหาสำหรับข้อผิดพลาด TS1086 แล้ว ยกเค้าที่มันและแก้ปัญหาของ คำตอบคือv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.

— Ratnadeep Bhattacharyya

นั่นมัน เค้าโครงแบบยืดหยุ่นผิดรุ่น

— cpeddie

24

เป็นเพราะคุณอยู่ใน Angular 8 แต่ห้องสมุดต้องการ Angular 9 ใน package.json ของคุณใช้เวอร์ชันนี้: "@angular/flex-layout": "^8.0.0-beta.27"

— filol
แหล่งที่มา

ขอบคุณมันใช้งานได้สำหรับฉัน!

— user3856842