Question

使用angular-cli创建应用，如果我从index.html链接材质主题（按照https://getmdl.io/started/的说明）：

<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.deep_purple-amber.min.css">

完整代码位于linked-theme-bad分支上的github仓库中，其中组件未正确设置主题样式：

但是，如果我按照angular-cli doc中的确切说明操作include Angular Material并导入styles.scss中的样式：

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

basic-theme-works分支上的完整代码），其中组件正确显示：

我的理解是导入合并到一个样式表中，HTML页面中的链接将单独请求样式主题。问题是为什么没有链接的样式表方法工作。

顺便说一下，我使用ng serve运行应用程序，但这是另一个应用程序的一个独立示例，对于使用ng build构建的文件，它似乎也以同样的方式失败。

Answer 1

您正在从错误的来源（material-design-lite）导入CSS文件。（顺便说一句，你也在查看错误的文档。请参阅下面的链接以获取正确的文档）

来自material.angular.io：

或者，您可以直接引用该文件。这看起来像是这样的：
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">