带角度材质的angular2没有任何效果

我遵循了此处给出的所有说明：

但是，未应用任何材质样式

在my index.html中：

  <!-- material theme -->
  <link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

然后我有一个组件模板，如下所示：

<form>
    <!-- title -->
    <md-input-container>
        <input md-input placeholder="Title">
    </md-input-container>
    <!-- Description -->
    <md-input-container>
        <input md-input placeholder="Description">
    </md-input-container>
    <!-- priority -->
    <md-select placeholder="Priority">
        <md-option *ngFor="let priority of priorities" >
            {{ priority }}
        </md-option>
    </md-select>
    <!-- tags -->
    <md-chip-list>
        <md-chip>UI</md-chip>
        <md-chip>Performance</md-chip>
        <md-chip>Design</md-chip>   
    </md-chip-list>


</form>

{{priority}}
用户界面
演出
设计

然而，看起来并没有应用主题，芯片看起来不像芯片，基本上并没有颜色

我做错了什么？

Angular CLI指南：

选择你想要使用的主题：靛粉色、深紫色琥珀色、粉红蓝灰色、紫绿色

更新测试版3

样式。css

@import '~@angular/material/prebuilt-themes/deeppurple-amber.c‌​ss';

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.c‌​ss';

样式。scss

@import '~@angular/material/prebuilt-themes/indigo-pink';

@import '~@angular/material/core/theming/prebuilt/indigo-pink';

===================

样式。css

@import '~@angular/material/prebuilt-themes/deeppurple-amber.c‌​ss';

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.c‌​ss';

样式。scss

@import '~@angular/material/prebuilt-themes/indigo-pink';

@import '~@angular/material/core/theming/prebuilt/indigo-pink';

---

打开控制台/网络选项卡，让我们检查您的

是否正确加载是的，它没有正确加载。为什么？路径看起来正确您是否使用angular cli或其他种子，如果您使用angular cli，只需导入它，因为angular cli不会为node_模块文件夹提供服务是的，我正在使用cli，我刚刚添加了@import'~@angular/material/core/theming/Prebuild/deeppurple amber.css'；在styles.css中。现在看起来很好！或者，您可以在

angular cli.json

中的

styles

数组中放置样式表的相对链接。