Javascript 用于角度仪表板的侧栏组件

我试图在我创建的一个管理界面中使用coreui的侧边栏。我添加了以下npm模块：

@科雷伊/科雷伊

@coreui/角形

并包括以下样式表

node\u modules/@coreui/coreui/dist/css/coreui.min.css

然后，我将以下内容包括到应用程序模块文件中

import {
  AppAsideModule,
  AppBreadcrumbModule,
  AppHeaderModule,
  AppFooterModule,
  AppSidebarModule,
} from '@coreui/angular';

 imports: [
        CommonModule,
        HttpClientModule,
        HttpClientJsonpModule,
        RouterModule,
        FormsModule,
        AppAsideModule,
        AppBreadcrumbModule,
        AppHeaderModule,
        AppFooterModule,
        AppSidebarModule,
    ],

现在，我在模板中使用以下HTML元素：

<app-sidebar #appSidebar [fixed]="true" [display]="'lg'" [minimized]="sidebarMinimized" (minimizedChange)="toggleMinimize($event)">
    <app-sidebar-nav [navItems]="navItems"></app-sidebar-nav>
    <app-sidebar-minimizer></app-sidebar-minimizer>
  </app-sidebar>

但我有以下问题

它没有正确显示侧边栏。它只显示导航项。 不应用该样式。 我在Angular 10版本上使用这个。这样的物品可以只用一件吗

我已经复制了整个样式文件并将其粘贴到组件样式表中，但是它也不起作用

或者是否有任何边栏扩展，我可以利用