Creé un tema personalizado (Material 2) para mi aplicación angular 4.x. Lo he importado en mi archivo Css pero al obtener el error cannot get Theme.scss

Tema.scss

 @import '../node_modules/@angular/material/theming'; @include mat-core(); $my-app-primary: mat-palette($mat-blue-grey); $my-app-accent: mat-palette($mat-pink, 500, 900, A100); $my-app-warn: mat-palette($mat-deep-orange); $my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn); @include angular-material-theme($my-app-theme); .alternate-theme { $alternate-primary: mat-palette($mat-light-blue); $alternate-accent: mat-palette($mat-yellow, 400); $alternate-theme: mat-light-theme($alternate-primary, $alternate-accent); @include angular-material-theme($alternate-theme); }

Cómo importé en un archivo CSS

 @import "../node_modules/@angular/material/prebuilt-themes/Theme.scss";

He guardado mi tema personalizado dentro de la carpeta de temas preconstruidos. El problema es con los temas personalizados solo si importo un archivo de tema css preconstruido, está funcionando