为什么@angular/core/core 没有导出成员 'ɵɵFactoryDeclaration'。使用 angular cdk 虚拟滚动条时抛出错误

Question

我在我的 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 class="notification-item" lines="none" >
              <ion-avatar slot="start">
                <img src="./assets/tests/tests6.jpg">
              </ion-avatar>
              <ion-row class="notification-item-wrapper" (click)="openTestModal(test)">
    
                <!-- <ion-col size="1">
                  <app-aspect-ratio [ratio]="{w: 1, h: 1}">
                    <app-image-shell class="notification-image" src="./assets/tests/histology1.jpg" [alt]="'conatct image'"></app-image-shell>
                  </app-aspect-ratio> 
                </ion-col> -->
                  <ion-col class="details-wrapper">
                    <h2 class="details-name">{{test.investigation}}</h2>
                    <p class="details-description">{{test.Lab}}</p>
                  </ion-col>
                  <ion-col size="2" class="date-wrapper">
                    <h3 class="notification-date">{{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/directionality.d.ts:22:21 中的错误 - 错误 TS2694：命名空间'"../User Manual/node_modules/@angular/core/core"' 没有导出成员'ɵɵFactoryDeclaration'。

22 static ɵfac: i0.ɵɵFactoryDeclaration;

这是版本：离子：

离子 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-工具包：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 OS : macOS 卡特琳娜

我一直在网上搜索，但我不明白这个错误或我该如何进一步调试它，感谢任何帮助。

Answer 1

您的 angular 似乎是版本 10：@angular/cli : 10.2.3 并且 CDK 是版本 13。让它们同步 - 这样的问题往往会消失

为什么@angular/core/core 没有导出成员 'ɵɵFactoryDeclaration'。使用 angular cdk 虚拟滚动条时抛出错误

Why is @angular/core/core has no exported member 'ɵɵFactoryDeclaration'. error thrown when using angular cdk virtual scroller

angular

ionic-framework

angular-cdk-virtual-scroll

为什么@angular/core/core 没有导出成员 'ɵɵFactoryDe​​claration'。使用 angular cdk 虚拟滚动条时抛出错误

Why is @angular/core/core has no exported member 'ɵɵFactoryDeclaration'. error thrown when using angular cdk virtual scroller

angular

ionic-framework

angular-cdk-virtual-scroll

为什么@angular/core/core 没有导出成员 'ɵɵFactoryDeclaration'。使用 angular cdk 虚拟滚动条时抛出错误