Angular Material 2 找不到核心主题

Question

我知道这是一个重复的问题，但列出的解决方案都没有帮助我。我在控制台中收到以下错误：Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/theming

我已经做了什么：

• 在 angular-cli.json 中添加样式键 Suggested Here
• 尝试了 CSS Suggested Here 的真实路径

还有其他几个。我似乎丢失了标签。

现在让我感兴趣的是我已经加载了从这里看到的样式。

材料检查的类也是如此：mat-theme-loaded-marker。

但我似乎仍然无法加载它。同样的错误。

我的AppModule如下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule, Routes } from '@angular/router';
import 'hammerjs';
import { LoginComponent } from './components/login/app';
import { CookieService } from 'ngx-cookie-service';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialModule } from '@angular/material';

const appRoutes: Routes = [
    {path: 'login', component: LoginComponent},
    { path: '**', component: LoginComponent }
];

@NgModule({
  declarations: [
    LoginComponent
  ],
  imports: [
    FormsModule,
    HttpModule,
    BrowserModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(
      appRoutes,
      { enableTracing: true } // <-- debugging purposes only
    ),
    MaterialModule
  ],
  providers: [ CookieService],
  bootstrap: [ LoginComponent ]
})
export class AppModule { }

PS：我是 Angular 4 的新手。

Answer 1

使用材料设计开发 Angular 2，我们需要使用材料组件中的一些默认 css，否则它将在您的浏览器中显示控制台错误，例如 找不到 Angular Material 核心主题。。为了避免这些问题我们需要在你的材质组件中使用默认主题之一。从下图中你可以观察到 4 预建主题在你的 node_module.

。我正在我的 styles.css 文件中导入其中一个主题。请查看下面的屏幕截图。重新加载页面后，您可以在浏览器控制台中看到没有错误消息显示。希望对你有所帮助