css - Angular 2 Material无法加载样式

Question

我开始在 Angular 中使用界面的 Angular Material 库开发一个网络应用程序。但是我在尝试导入预建主题时遇到错误。为了导入它，我添加了 <link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css">到我的index.html文件，但当我运行 ng serve我无法获取文件。

Answer 1

如果您使用的是 angular-cli，请遵循他们的 steps for including Angular-Material .

确保您在 src/styles.css

中导入了以下内容

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';

这与 angular-material 在他们自己的 Getting Started 网站上建议的略有不同，但它对我有用。