在Angular 2中应用预建主题不会改变任何东西

时间:2017-09-30 22:01:01

标签: angular angular-material2

我正在尝试应用Material预构建的主题,它根本不会改变我的应用程序的样式。我包含了import语句

@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。

1 个答案:

答案 0 :(得分:0)

在styles.css中使用以下import语句:

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

取自starting guide。您还需要应用大多数其他步骤。

正如Z. Bagley在评论中所建议的,如果主题有效,<button md-raised-button color="primary">Test</button>将是一种简单的检查方式(不要忘记包含MdButtonModule)。