Part of the build cannot be called properly when using NG-ZORRO

problem description

after introducing the ng-zorro framework into the project, some of the builds are not available, and the drop-down menu works, but the following one says there is no such component?
clipboard.png

<div>
....
   <nz-cascader
          [nzExpandTrigger]=""hover""
          [nzOptions]="nzOptions"
          [(ngModel)]="values"
          (ngModelChange)="onChanges($event)">
   </nz-cascader>
</div>

angular.json

 "styles": [
              "src/styles.css",
              "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css"]

app.module.ts

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { AppRoutingModule } from "./app-routing.module";
import { PchomeModule } from "./module/pchome/pchome.module";
import { UserModule } from "./core/user/user.module";
import { CommonModule } from "@angular/common";
import { AppComponent } from "./app.component";
import { NgZorroAntdModule, NZ_I18N, zh_CN } from "ng-zorro-antd";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { registerLocaleData } from "@angular/common";
import { PubHttpService } from "./services/HttpService/pub-http.service"
import { HTTP_INTERCEPTORS } from "@angular/common/http";
import { HttpInterceptorService } from "./services/HttpInterceptor/http-interceptor.service"
import zh from "@angular/common/locales/zh";
import { FroalaEditorModule, FroalaViewModule } from "angular-froala-wysiwyg";
import "froala-editor/js/froala_editor.pkgd.min.js";
import { ShareModule } from "./share/share.module";
registerLocaleData(zh);
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    CommonModule,
    BrowserModule,
    ShareModule,
    UserModule,
    PchomeModule,
    BrowserAnimationsModule,
    NgZorroAntdModule.forRoot(),
    AppRoutingModule,
    FroalaEditorModule.forRoot(), 
    FroalaViewModule.forRoot()
  ],
  exports:[
    CommonModule
  ],
  providers   : [
     { 
      provide: NZ_I18N, 
      useValue: zh_CN ,
    },
    PubHttpService,
    {
      provide:HTTP_INTERCEPTORS,
      useClass:HttpInterceptorService,
      multi:true
    },
 ],
  bootstrap: [AppComponent]
})
export class AppModule { }

NgZorroAntdModule is also introduced into the module

all the steps are carried out according to the official website tutorial, and the drop-down menus can be used, so it"s really strange why this can"t be used. no, no, no.

Jun.03,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e489f4-59252.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e489f4-59252.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?