_angular_core__WEBPACK_IMPORTED_MODULE_1 __. ɵnov (...). projectId не является функцией

Question

У меня есть проект Angular 6 с использованием Material. Существует ошибка, которая постоянно находится в консоли.

Я обновил проект до последней версии Angular (7), и это все еще не исправило ошибку.

С ng serve --aot сообщается об ошибке, которая выдается на моем project.component.html: 3

вот ошибка:

project.component.html: 3 указывает на компонент mat-sidenav.

<mat-sidenav #sidenav mode="side" [fixedInViewport]="mobileQuery.matches" fixedTopGap="56" (openedStart)="toggleLogo()"
   (closedStart)="toggleLogo()">
   <div class="side-head">
     <button mat-icon-button (click)="toggleSidenav();">
       <mat-icon [style.color]="lightLogo && !sidenav.opened ? '#ffffff' : '#00171f'">menu</mat-icon>
     </button>
     <img #logo routerLink="/dashboard" routerLinkActive [src]="lightLogo && !sidenav.opened ? 'assets/logo-light.png' : 'assets/logo-dark.png'"
        alt="logo" width="130" />
   </div>
   <sp-sidenav mobile="mobile"></sp-sidenav>
 </mat-sidenav>

Кто-нибудь сталкивался с этой проблемой раньше? Это связано с Angular, Material, Webpack или любым из них?

спасибо