angular - 某些 Material 图标未在生产中显示

Question

我不知道为什么，但只有在生产中才会出现一些 Material 图标，正如您从图像中看到的那样，第一个图标丢失了:



这是代码:

 <mat-nav-list>
   <a mat-list-item routerLink="/dashboard" matTooltip="dashboard">
     <mat-icon matListIcon>bar_chart</mat-icon>
   </a>
   <a mat-list-item (click)="routeToContacts()" matTooltip="contacts">
     <mat-icon matListIcon>people</mat-icon>
   </a>

Answer 1

您需要在项目中插入样式:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

如果没有解决问题，请尝试在您的 中添加以下代码style.css(或 style.scss) :

md-icon{
  font-family: 'Material Icons' !important;
}