无法获取自定义Theme.scss文件Angular material 2

我已经为我的angular 4.x应用程序创建了一个自定义主题（材质2）。我已将其导入Css文件，但获取错误

无法获取主题。scss

Theme.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);
  }

如何导入CSS文件

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

我已将自定义主题保存在Prebuild themes文件夹中。问题在于，只有在导入Prebuild css主题文件时，自定义主题才起作用

---

您不能在css中导入scss文件！如果您使用的是angular cli，只需在

angular cli.json

中的

theme.scss

中放入

style

对象即可。但我没有使用angular cli