2017-05-05 1 views
6

Ich fange an, eine Webanwendung in Angular zu entwickeln, die die Angular Material-Bibliothek für die Schnittstelle verwendet. Beim Importieren eines vordefinierten Designs wird jedoch ein Fehler angezeigt. Um es zu importieren, habe ich <link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"> zu meiner index.html Datei hinzugefügt, aber wenn ich ng serve ausführen, kann ich die Datei nicht abrufen.Angular 2 Das Material kann nicht geladen werden.

+0

Zeigen Sie uns Ihre Projektdateien Struktur. – wannadream

+0

müssen Sie '../ node_modules/@ eckig/material/prebuilt-themes/indigo-pink.css' zu den' styles' in '.angular-cli.json' Datei hinzufügen –

+0

Versucht, aber nicht Arbeit entweder –

Antwort

1

Überprüfen Sie, ob Ihr Pfad korrekt ist. Ich hatte das gleiche Problem, und ich fixierte den Weg: Meins ist

<link rel="stylesheet" href="lib/@angular/material/core/theming/prebuilt/indigo-pink.css"> 
+0

Nur überprüft. Eigentlich ist es korrekt –

+0

Ich habe das gleiche Problem, haben Sie reparieren? –

3

Wenn Sie mit angular-cli ihren steps for including Angular-Material folgen.

Vergewissern Sie sich die folgenden Einfuhren in src/styles.css haben

@import '[email protected]/material/prebuilt-themes/deeppurple-amber.css'; 
@import '~https://fonts.googleapis.com/icon?family=Material+Icons'; 

Es ist etwas anders als auf ihre eigenen Vorschläge angular-material Seite Getting Started, aber es funktionierte für mich.

+0

Ehrfürchtig funktioniert das mit dem CLI –

Verwandte Themen