无法安装主题答案

【问题标题】：Can't install theme无法安装主题
【发布时间】：2019-01-11 22:49:13
【问题描述】：

无法安装 Angular Material 预建主题。安装了所有组件，链接了一个 .css 文件。仍然有保存错误：

找不到 Angular Material 核心主题。大多数 Material 组件可能无法按预期工作。有关更多信息，请参阅主题指南：https://material.angular.io/guide/theming

添加到 .css： @import "~@angular/material/prebuilt-themes/indigo-pink.css"

安装所有组件@angular/material @angular/cdk @angular/animations 并导入所有模块：BrowserAnimationsModule、MatButtonModule、MatCheckboxModule。

期待看到巧妙的材料设计。

【问题讨论】：

你在哪里导入主题文件？
@Lbovsky 可以在stackblitz上共享最少的代码？
@IvanS95 到 app.component.css。
你应该在styles.css而不是组件的css中导入它，或者你可以在index.html和head标签中的<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">链接它
@IvanS95 非常感谢。我知道一个解决方案很简单，现在它可以工作了:)

标签： angular angular-material

【解决方案1】：

主题文件应该导入到你应用的全局styles.css文件中，根据Angular MaterialDocs：

如果您使用的是 Angular CLI，这就像包含一行一样简单在您的 styles.css 文件中：

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

或者，您可以直接引用该文件。这个会看起来像：

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

【讨论】：