Angular - 如何在功能模块中实现 ngx-switch

Question

我正在 Angular-13 的功能模块中实现 ngx-bootstrap-switch。

根据我安装的文档

npm install --save ngx-bootstrap-switch 基于 文档

我有这些模块：

AdminModule、SharedModule 和 AppModule

然后在 SharedModule 中，我添加了以下内容：

import { NgxBootstrapSwitchModule } from 'ngx-bootstrap-switch';

@NgModule({
  imports: [
    ...
    NgxBootstrapSwitchModule.forRoot()
  ],
  declarations: [
    ...
  ],
})
export class SharedModule { }

然后将其导入到我要使用它的 AdminModule 中：

import { SharedModule } from '../../shared/shared.module';

@NgModule({
  providers: [

  ],
  declarations: [

  ],
  imports: [
    CommonModule,
    SharedModule,
  ]
})
export class AdminModule { }

admin.component.html：

<div class="form-group">

  <ngx-switch [status]="value"
              [onText]="onText"
              [offText]="offText"
              [onColor]="onColor"
              [offColor]="offColor"
              [size]="size"
              [disabled]="disabled"
              (statusChange)="onSwitchChange($event)">
  </ngx-switch>
</div>

但我收到错误：

“ngx-switch”不是已知元素：

1. 如果“ngx-switch”是 Angular 组件，则验证它是否是该模块的一部分。
2. 如果“ngx-switch”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”中

我该如何解决此问题？

谢谢