在Angular 2中應用預構建的主題不會改變任何東西

Question

我正嘗試應用材質預構建主題，它根本不會改變我的應用的樣式。我包括導入語句

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

在我styles.css文件，但沒有任何變化。我已經檢查過我的文件路徑是否正確，並且在文件中包含了Material的核心。我也試過，包括

<link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

在index.html但返回404錯誤。大多數針對預構建主題的修補程序都已通過將文件導入到styles.css文件中解決，但這並不能幫助我解決問題。我正在爲這個項目使用Angular CLI。

Answer 1

使用下面的import語句您的styles.css中：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

從starting guide服用。您還需要應用大部分其他步驟。

爲Z.巴格利暗示的意見，<button md-raised-button color="primary">Test</button>是檢查一個簡單的方法，如果題材的作品（不要忘了包括MdButtonModule）。