Konisches Kernthema konnte nicht gefunden werden. Die meisten Materialkomponenten funktionieren möglicherweise nicht wie erwartet

Ich verwende derzeit Winkel 4, und ich folgte dem Link here über die Verwendung von Angular Material. Dies ist, was ich bisher getan haben:Konisches Kernthema konnte nicht gefunden werden. Die meisten Materialkomponenten funktionieren möglicherweise nicht wie erwartet

app.module.ts

import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; 
import 'hammerjs'; 

imports: [ 
    BrowserAnimationsModule 
    ],

ich in meinem index.html

<head> 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
    <link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> 
</head>

Komponente

<md-sidenav-container> 
    <md-sidenav> 
    un idee 
    </md-sidenav> 

    <!-- primary content --> 
</md-sidenav-container>

das Thema Stil enthalten Aber ich bekomme den Fehler:

Unhandled Promise rejection: Template parse errors: 
'md-sidenav' is not a known element: 
1. If 'md-sidenav' is an Angular component, then verify that it is part of this module. 
2. If 'md-sidenav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

und die folgende Warnung

Could not find Angular Material core theme. Most Material components may not work as expected

Könnte jemand darauf hinweisen, was ich falsch mache?

Quelle

2017-05-05 edkeveked

Sie vermissen MdSidenavModule Import und das Hinzufügen es als eine Abhängigkeit zu Ihrem AppModule

import { MdSidenavModule} from '@angular/material' 

imports: [ 
    BrowserAnimationsModule, MdSidenavModule 
    ],

, dass Sie auch sicher, die folgende Zeile gibt es in Ihrer systemjs Konfigurationsdatei

'@angular/material': 'npm:@angular/material/bundles/material.umd.js',

Wenn Sie konfrontiert sind der BrowserAnimationsModule, NoopAnimationsModule Fehler. Siehe dieses post

Update: Für CLI, aktualisieren Sie die tsconfig-build.json Datei mit dem folgenden Pfad

"paths": { 
    "@angular/material": ["../../dist/packages/material/public_api"] 
}

Hinweis: Pfad ausgesetzt ändern, wie pro Ihre Version

Quelle

2017-05-05 04:20:50 Aravind

ich importiert 'MdSidenavModule' . Aber es verursachte einen Kompilierungsfehler 'hat kein exportiertes Mitglied'. Ich benutze CLI so habe ich keine Systemjs Config-Datei. – edkeveked

Tut mir leid, aber es scheint, dass ich die Datei tsconfig-build auch nicht habe. Ich habe tsconfig.json, aber nicht die, die Sie erwähnten – edkeveked

ja. Änderung wie gesagt in dieser Datei – Aravind

Konisches Kernthema konnte nicht gefunden werden. Die meisten Materialkomponenten funktionieren möglicherweise nicht wie erwartet

Antwort

Verwandte Themen