2017-05-05 60 views
6

我開始在Angular中使用Angular Material庫爲界面開發Web應用程序。但是在嘗試導入預構建主題時出現錯誤。爲了導入它,我添加了<link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css">到我的index.html文件,但是當我運行ng serve時,我無法獲取該文件。Angular 2 Material無法加載樣式

+0

向我們展示您的項目文件結構。 – wannadream

+0

您必須在'.angular-cli.json'文件的'styles'中添加'../ node_modules/@ angular/material/prebuilt-themes/indigo-pink.css' –

+0

嘗試過但沒有工作要麼 –

回答

1

檢查您的路徑是否正確。我有同樣的問題,我固定的路徑: 煤礦是

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

剛剛檢查。其實這是正確的 –

+0

我有這個相同的問題,你修好了嗎? –

3

如果您正在使用angular-cli跟隨他們steps for including Angular-Material

確保您有以下進口src/styles.css

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

這是什麼angular-material自己建議略有不同入門網站,但它爲我工作。

+0

真棒這與cli的作品 –