Angular Material Stil nicht geladen

Question

Ich habe ein frisches Angular-Cli Projekt mit eckigem/Material

"dependencies": { 
    "@angular/animations": "^4.4.6", 
    "@angular/cdk": "^2.0.0-beta.12", 
    "@angular/common": "^4.4.6", 
    "@angular/compiler": "^4.4.6", 
    "@angular/core": "^4.4.6", 
    "@angular/forms": "^4.4.6", 
    "@angular/http": "^4.4.6", 
    "@angular/material": "^2.0.0-beta.12", 
    "@angular/platform-browser": "^4.4.6", 
    "@angular/platform-browser-dynamic": "^4.4.6", 
    "@angular/router": "^4.4.6", 

ich die benötigten Module im app.module inclueded habe. Node-Sass für scss-Dateien hinzugefügt. hinzugefügt Auch die Thematisierung in einem theme.scss

@import '~@angular/material/theming'; 

@include mat-core(); 
$primary: mat-palette($mat-orange, 800); 
$accent: mat-palette($mat-light-blue, 600, A100, A400); 
$warn: mat-palette($mat-red, 600); 
$theme: mat-light-theme($primary, $accent, $warn); 

@include angular-material-theme($theme); 

importiert die Datei in app.module.ts

import './../theme.scss'; 

und zu Winkel cli.json

"styles": [ 
    "styles.scss", 
    "theme.scss" 
], 

Es kompiliert und hat keine Fehler in der Konsole. Aber kein Stil ist geladen. Ich habe auch vorgefertigte Themen ausprobiert.
Es wurde auch versucht, vorgefertigte Themen direkt aus der index.html zu laden.

Was könnte fehlen?

Answer 1

I vergessen einige <md- Elemente mit <mat-
leider kein Fehler (fehlende Komponente) in der Konsole auch dann, wenn das Element nicht mehr vorhanden zu ersetzen. oder zumindest gibt es keine Stile verfügbar.