角材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找不到核心主题
我已经这样做:
-
在角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:我是新来的角4.
与材料设计开发角度2,我们需要使用一些默认的CSS从其他明智的原料成分它会在您的浏览器中显示控制台错误,如找不到Angular Material核心主题。。为了避免这些问题,我们需要在您的材质组件中使用其中一个默认主题。从下面的图片中,您可以观察到node_module中的预构建主题。
。我正在导入我的styles.css文件中的一个主题。请查看下面的屏幕截图。然后重新加载页面,然后您可以在浏览器控制台中看到没有错误消息显示。我希望这会对你有所帮助。
我的设置是相同的,除了自定义样式。问题不是CSS文件,它被加载,但我猜材料检查后。 这是我的css:http://imgur.com/a/WB0Xa –
忘了说,还是一样的错误。在阅读您的答案后,我添加了“body”风格。 –
由于以下原因,我下调了您的答案:正在加载的css显示在问题图像中;导入命令在上面的问题中提到,并在注释中我指定它是唯一的命令在CSS文件中。 –
顺便说一句:你不再做'MaterialModule'。相反,您只需包含您需要的组件的模块,如“MdButtonModule”等等。看看这里:[入门](https://material.angular.io/guide/getting-started)。 – pzaenger
“样式表导入”的顺序是什么?更新css包括你的帖子 – Aravind
@pzaenger是的,我最初尝试过,同样的错误。因此坚持这一点。 –