角材2找不到核心主题

问题描述:

我知道这是重复的问题,但没有列出的解决方案帮助我。我收到以下错误控制台: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角材2找不到核心主题

我已经这样做:

等等。我似乎已经失去了标签。

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

Screenshot

原来是类材料检查: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:我是新来的角4.

+0

顺便说一句:你不再做'MaterialModule'。相反,您只需包含您需要的组件的模块,如“MdButtonModule”等等。看看这里:[入门](https://material.angular.io/guide/getting-started)。 – pzaenger

+0

“样式表导入”的顺序是什么?更新css包括你的帖子 – Aravind

+0

@pzaenger是的,我最初尝试过,同样的错误。因此坚持这一点。 –

与材料设计开发角度2,我们需要使用一些默认的CSS从其他明智的原料成分它会在您的浏览器中显示控制台错误,如找不到Angular Material核心主题。。为了避免这些问题,我们需要在您的材质组件中使用其中一个默认主题。从下面的图片中,您可以观察到node_module中的预构建主题。 enter image description here

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

+0

我的设置是相同的,除了自定义样式。问题不是CSS文件,它被加载,但我猜材料检查后。 这是我的css:http://imgur.com/a/WB0Xa –

+0

忘了说,还是一样的错误。在阅读您的答案后,我添加了“body”风格。 –

+0

由于以下原因,我下调了您的答案:正在加载的css显示在问题图像中;导入命令在上面的问题中提到,并在注释中我指定它是唯一的命令在CSS文件中。 –