Неожиданный закрывающий тег <mat-table>

Question

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

<mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="position">
<mat-header-cell *matHeaderCellDef> No. </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.position}} </mat-cell>
</ng-container>

<ng-container matColumnDef="firstName">
<mat-header-cell *matHeaderCellDef> First Name </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.firstName}} </mat-cell>
</ng-container>

<ng-container matColumnDef="lastName">
<mat-header-cell *matHeaderCellDef> Last Name </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.lastName}} <mat-cell>

<ng-container matColumnDef="email">
<mat-header-cell *matHeaderCellDef> Email </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.email}} </mat-cell>
</ng-container>

<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

Почему-то я не могу заставить Angular принять закрывающий тег. Я видел ответы на все вопросы, начиная от проблем с веб-пакетами и заканчивая версиями с угловым материалом, но ничего не получилось. У кого-нибудь еще была эта проблема? Это руководство и его варианты распространены по всему Интернету, и я пытался запустить несколько версий, но я продолжаю получать одну и ту же ошибку в этом одном теге. Пожалуйста помоги.