App无法加载Angular材质主题

时间：2018-03-15 14:07:54

标签： javascript css angular

我想在我的MEAN堆栈应用中使用Angular Material，但是我收到以下错误：

  

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

在我的Angular CLI应用程序中，我设法使用Angular材料，但是使用这个应用程序我似乎无法使其工作。这可能是因为应用程序的结构：

enter image description here

正如您在图像上看到的那样，我尝试使用@import语句。在主页上我放了一个复选框材质项目（这里名为jjjjjj），但是你可以看到它没有主题所以它看起来不太好。

enter image description here

2 个答案:

答案 0 :(得分：1)

我遇到了同样的问题，这是因为我试图将素材主题导入到我的组件之一的css文件中。将import语句移至顶层styles.css文件即可。

  • @ angular / core 6.0.0
  • @角度/材质6.4.1

将以下行添加到文件src/styles.css：

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

答案 1 :(得分：0)

我遇到了同样的问题，对我而言，尝试添加此行代替：

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

您可以在此处选择要应用的主题 Material theme

相关问题
最新问题