Вкладки угловых материалов вообще не отображаются

Question

Я пытаюсь использовать модуль угловых вкладок материала, но он не отображается должным образом. Вместо вкладок отображается только текст.

Я использую 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>

Поскольку некоторые другие ответы указывают на отсутствие импорта, я дважды проверил. Вот мой импорт в файле app.module.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,

Я также проверил импортированную тему: вот соответствующие строки в моем файле index.html:

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

Я ожидаю, что будут отображаться вкладки, но вместо этого отображается только текст:

Так что, очевидно, я кое-что забыл. Любые указатели будут оценены.