意外的结束标签<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接受结束标记。我看到了所有答案，从webpack问题到棱角分明的版本，但没有任何直接答案。其他人遇到过这个问题吗？本教程及其上的各种变化都在网上发布，并且我尝试运行多个版本，但是在此一个标签上我始终遇到相同的错误。请帮忙。