角度材质选项卡根本不渲染

我正在尝试使用“角度材质选项卡”模块,但它没有正确渲染。只显示文本而不是选项卡。

我使用Angular 6,Angular Material版本6.4.7

我遵循了中描述的设置过程 https://v6.material.angular.io/guide/getting-started

然后我研究了一些常见的陷阱。我检查了正确的导入,确保导入了样式表,并且使用了BrowserAnimationsModule以及基本模块MatInputModule。事实上,Stackoverflow上的所有答案都没有帮助我解决这个问题。

我的模板中的相应部分如下所示:

        <mat-tab-group>
            <mat-tab label="First"> Content 1 </mat-tab>
            <mat-tab label="Second"> Content 2 </mat-tab>
            <mat-tab label="Third"> Content 3 </mat-tab>
        </mat-tab-group>

当其他一些回答指出缺少导入时,我再次检查了一下。这是我进口的应用程序模块.ts文件:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatInputModule } from '@angular/material';
import { MatTabsModule } from '@angular/material/tabs';

它们也在@NgModule中定义:

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        MatInputModule,
        MatTabsModule,

我还检查了导入的主题:以下是我的索引.html文件:

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

我只希望显示选项卡,但只显示文本:

所以很明显我忘了什么。如有任何建议,我们将不胜感激。