2017-05-05 12 views
6

Zaczynam tworzyć aplikację internetową w Angular, używając biblioteki Angular Material dla interfejsu. Ale podczas próby importowania wstępnie skompilowanego motywu pojawia się błąd. Aby go zaimportować, dodałem <link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"> do mojego pliku index.html, ale po uruchomieniu ng serve nie mogę pobrać pliku.Angular 2 Materiał nie może załadować stylu

+0

Pokaż nam swoją strukturę plików projektu. – wannadream

+0

musisz dodać '../ node_modules/@ angle/material/prebuilt-themes/indigo-pink.css' do' styles' w pliku '.angular-cli.json' –

+0

Próbowałem, ale nie działa albo –

Odpowiedz

1

Sprawdź, czy ścieżka jest prawidłowa. Miałem ten sam problem i naprawiłem ścieżkę: Kopalnia

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

Właśnie sprawdziłem. Właściwie to jest poprawne –

+0

Mam ten sam problem, czy naprawiłeś? –

3

Jeśli używasz angular-cli śledzić ich steps for including Angular-Material.

Sprawdź, czy poniższe importu w src/styles.css

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

To nieznacznie różni się od tego, co angular-material wskazują na własną rękę Rozpoczęcie witryny, ale pracował dla mnie.

+0

Awesome to działa z cli –