Làm thế nào để tôi bao gồm flex-layout


10

Tôi đang cố gắng thêm bố cục flex vào một ứng dụng góc cạnh, nhưng khi tôi làm và cố gắng sử dụng nó thì ứng dụng bị hỏng. Tôi đã cài đặt

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

sau đó được nhập vào app.module.ts

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

import [ FlexLayoutModule ]

Tôi cũng đã nâng cấp bản thảo lên bản mới nhất

npm i typescript@latest

Nhưng khi ứng dụng cố gắng biên dịch, tôi gặp đủ loại lỗi:

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.

Và danh sách được tiếp tục. Tôi có một phiên bản không phù hợp của một cái gì đó?

Cảm ơn.....


hoặc có thể là phiên bản bản thảo>
Prashant Pimpale

Câu trả lời:


7

Cố gắng thêm tslib trong phụ thuộc

npm install --save tslib

Biên tập

Nếu bạn đang sử dụng Angular v8 thì sử dụng v8 cho flex-layout khiến v9 cần Angular v9.


Không thay đổi. Lỗi tương tự như trước đây.
cpeddie

3
Ai đó đã đưa ra vấn đề cho lỗi TS1086. Loot vào nó và giải pháp của nó . Trả lời làv9 requires Angular v9 and more importantly TypeScript v3.7. Please use the v8 release of Flex Layout.
Ratnadeep Bhattacharyya

Điều đó là vậy đó. Phiên bản sai của Bố cục Flex.
cpeddie

24

Đó là bởi vì bạn đang ở Angular 8 nhưng thư viện yêu cầu Angular 9. Trong gói.json của bạn sử dụng phiên bản này: "@angular/flex-layout": "^8.0.0-beta.27"


Cảm ơn, nó làm việc cho tôi!
dùng3856842
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.