2017-07-17 4 views
0

Ich weiß, dass diese Frage wiederholt wird, aber keine der aufgelisteten Lösungen hat mir geholfen. Ich erhalte die folgende Fehlermeldung in Console: Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/themingAngular Material 2 Konnte Kernthema nicht finden

Was habe ich schon gemacht:

Und ein paar andere. Ich habe die Tabs verloren.

Jetzt ist die Sache, die mich intrigiert, dass ich die Stile geladen habe, wie von hier gesehen. So

Screenshot

ist die Klasse, Material überprüft: mat-theme-loaded-marker.

Aber ich kann immer noch nicht scheinen, um es zu laden. Derselbe Fehler.

Mein AppModule ist wie folgt:

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule, Routes } from '@angular/router'; 
import 'hammerjs'; 
import { LoginComponent } from './components/login/app'; 
import { CookieService } from 'ngx-cookie-service'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { MaterialModule } from '@angular/material'; 

const appRoutes: Routes = [ 
    {path: 'login', component: LoginComponent}, 
    { path: '**', component: LoginComponent } 
]; 

@NgModule({ 
    declarations: [ 
    LoginComponent 
    ], 
    imports: [ 
    FormsModule, 
    HttpModule, 
    BrowserModule, 
    BrowserAnimationsModule, 
    RouterModule.forRoot(
     appRoutes, 
     { enableTracing: true } // <-- debugging purposes only 
    ), 
    MaterialModule 
    ], 
    providers: [ CookieService], 
    bootstrap: [ LoginComponent ] 
}) 
export class AppModule { } 

PS: Ich bin neu in Winkel 4.

+0

Btw: Sie tun 'MaterialModule' nicht mehr. Stattdessen fügen Sie einfach die Module der benötigten Komponenten hinzu, wie 'MdButtonModule' und so weiter. Sehen Sie hier: [Erste Schritte] (https://material.angular.io/guide/getting-started). – pzaenger

+0

Was ist die Reihenfolge des Importierens von Stylesheets? Update der CSS enthält zu Ihrem Beitrag – Aravind

+0

@pzaenger Ja, ich versuchte zunächst, dass der gleiche Fehler. Daher fest daran. –

Antwort

-1

Angular 2 Entwickeln mit Material Design, benötigen wir einige Standard-CSS aus der Materialkomponente andere weise verwenden Es zeigt einen Konsolenfehler in Ihrem Browser an. Konisches Kernthema konnte nicht gefunden werden. .Um diese Probleme zu vermeiden, müssen wir eines der Standardthemen in Ihrer Materialkomponente verwenden. Aus dem folgenden Bild können Sie beobachten, prebuilt-themes in youe node_module. enter image description here

. Ich importiere eines der Designs in meiner Datei styles.css. Bitte schauen Sie in den folgenden Screenshot. Nach dem Laden der Seite können Sie sehen, dass keine Fehlermeldung in Ihrer Browser-Konsole angezeigt wird. Ich hoffe, es wird dir helfen. enter image description here

+0

Mein Setup ist gleich, außer den benutzerdefinierten Stilen. Das Problem ist nicht die CSS-Datei, es wird geladen, aber ich denke, nachdem das Material überprüft hat. Das ist mein CSS: http://imgur.com/a/WB0Xa –

+0

Vergessen zu sagen, immer noch der gleiche Fehler. Ich habe den "Körper" -Stil nach dem Lesen Ihrer Antwort hinzugefügt. –

+0

Ich stimme deine Antwort aus den folgenden Gründen ab: Die CSS wird geladen, wie in dem fraglichen Bild angezeigt; Der Befehl import wird in der obigen Frage und im Kommentar erwähnt, wo ich ihn angabe, ist der einzige Befehl in der CSS-Datei. –

Verwandte Themen