我在 ionic 5.3.3 專案中安裝了 CDK Virtual Scroller：
npm add @angular/cdk
版本為：“@angular/cdk”：“^13.0.2”
滾動條視口包含一個 ion-item-group：
<ng-template #showContentBlock>
<cdk-virtual-scroll-viewport
itemSize="56"
minBufferPx="900"
maxBufferPx="1350"
>
<ion-item-group>
<ion-item-sliding *cdkVirtualFor="let test of tests">
<ion-item lines="none" >
<ion-avatar slot="start">
<img src="./assets/tests/tests6.jpg">
</ion-avatar>
<ion-row (click)="openTestModal(test)">
<!-- <ion-col size="1">
<app-aspect-ratio [ratio]="{w: 1, h: 1}">
<app-image-shell src="./assets/tests/histology1.jpg" [alt]="'conatct image'"></app-image-shell>
</app-aspect-ratio>
</ion-col> -->
<ion-col >
<h2 >{{test.investigation}}</h2>
<p >{{test.Lab}}</p>
</ion-col>
<ion-col size="2" >
<h3 >{{test.SpecimanType}}</h3>
</ion-col>
</ion-row>
</ion-item>
<ion-item-options slide="end">
<ion-item-option color="danger" (click) = "removeTest(test.id)">
<ion-icon name="trash"></ion-icon>
</ion-item-option>
<ion-item-option color="success" (click)="updateStudent(test)">
Edit
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-item-group>
</cdk-virtual-scroll-viewport>
視口 css 屬性：
cdk-virtual-scroll-viewport {
height: 100%;
width: 100%;
}
當我構建專案時，出現以下錯誤：
node_modules/@angular/cdk/bidi/directionity.d.ts:22:21 中的錯誤 - 錯誤 TS2694：命名空間 '"../User Manual/node_modules/@angular/core/core"' 沒有匯出成員 '??FactoryDe??claration' .
22 靜態?fac: i0.??FactoryDe??claration<Directionality, [{ optional: true; }]>;
這是版本：離子：
離子 CLI：6.16.1 (/usr/local/lib/node_modules/@ionic/cli) 離子框架：@ionic/angular 5.9.1 @angular-devkit/build-angular：0.1001.7 @angular-devkit/schematics： 10.2.3 @angular/cli：10.2.3 @ionic/angular-toolkit：2.3.3
電容器：
電容器 CLI：3.3.2 @capacitor/android：3.3.2 @capacitor/core：3.3.2 @capacitor/ios：3.3.2
公用事業：
cordova-res（可用更新：0.15.3）：0.15.2 本機運行：1.5.0
系統：
NodeJS：v14.17.0 (/usr/local/bin/node) npm：6.14.15 作業系統：macOS Catalina
我一直在網上搜索，但我不明白錯誤或我如何進一步除錯它，任何幫助表示贊賞。
uj5u.com熱心網友回復：
似乎您的 angular 是版本 10：@angular/cli : 10.2.3而 CDK 是版本 13。讓它們同步 - 此類問題往往會消失
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/367294.html
標籤：有角的 离子框架 angular-cdk-virtual-scroll
上一篇：為什么頁面不顯示