Angular Material表格无法渲染预期样式问题求助

我渲染的Angular Material表格未显示预期样式，仅呈现为普通扁平化表格。已正确导入相关资源，浏览器控制台无报错，但存在几条警告信息，怀疑问题与这些警告相关。

<mat-table [dataSource]="dataSource" class="mat-elevation-z8">

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

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

  <!-- Weight Column -->

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

  <!-- Symbol Column -->
  <ng-container matColumnDef="symbol">
    <mat-header-cell *matHeaderCellDef> Symbol </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.symbol}} </mat-cell>
  </ng-container>

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

• 查看警告详情：控制台的警告往往是样式缺失的关键线索，比如主题未加载、模块依赖缺失等，优先确认警告内容指向的问题。
• 确认主题样式导入：在全局样式文件（如styles.scss/styles.css）中必须导入Angular Material的预构建主题，示例代码：

  @import '@angular/material/prebuilt-themes/indigo-pink.css';
  

  若使用自定义主题，需确保主题代码包含所有必要的Material样式混合器配置。
• 验证模块导入完整性：在使用表格的组件所属模块中，必须导入MatTableModule和BrowserAnimationsModule（Material组件依赖动画模块）：

  import { MatTableModule } from '@angular/material/table';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  
  @NgModule({
    imports: [
      // ...其他必要模块
      MatTableModule,
      BrowserAnimationsModule
    ]
  })
  export class TargetModule { }
  

• 检查组件样式封装：若组件设置了ViewEncapsulation.None或自定义封装策略，可能导致Material样式无法生效。可临时在组件样式文件中导入主题样式排查（建议全局导入，避免组件级重复导入）。
• 清除缓存重启服务：执行ng serve --no-cache重启开发服务器，同时清空浏览器缓存后刷新页面，排除缓存导致的样式未更新问题。

内容的提问来源于stack exchange，提问作者Usman