Angular 延迟加载具有最新角度材料设计的角度模块会产生错误

Angular 延迟加载具有最新角度材料设计的角度模块会产生错误,angular,angular-material,angular-material2,angular5,Angular,Angular Material,Angular Material2,Angular5,我使用的是最新版本的棱角材质和棱角材质。我已经实现了延迟加载功能模块,在没有材料设计的情况下工作良好 我需要在我看来使用以下三种材料组件/模块- Matside导航模块, Maticon模块, MatListModule 只有在实现延迟加载时,我才会出现模板解析错误。请附上错误的屏幕截图 我已经创建了材料共享模块,如下所示,并在功能模块中导入。 物料共享模块的代码 从'@angular/core'导入{NgModule,ModuleWithProviders}; 从“@angular/pla

我使用的是最新版本的棱角材质和棱角材质。我已经实现了延迟加载功能模块,在没有材料设计的情况下工作良好

我需要在我看来使用以下三种材料组件/模块-

Matside导航模块, Maticon模块, MatListModule

只有在实现延迟加载时,我才会出现模板解析错误。请附上错误的屏幕截图

我已经创建了材料共享模块,如下所示,并在功能模块中导入。 物料共享模块的代码

从'@angular/core'导入{NgModule,ModuleWithProviders};
从“@angular/platform browser”导入{BrowserModule};
从“@angular/platform browser/animations”导入{BrowserAnimationsModule};
//材料设计
进口{
Matside导航模块,
Maticon模块,
MatListModule,
MatIconRegistry
}从“@角度/材料”开始;
@NGD模块({
进口:[
浏览器模块,
BrowserAnimationsModule,
Matside导航模块,
Maticon模块,
MatListModule
],
出口:[
浏览器模块,
BrowserAnimationsModule,
Matside导航模块,
Maticon模块,
MatListModule
]
})
导出类物料共享模块{
static forRoot():ModuleWithProviders{
返回{
NG模块:材料共享模块,
提供者:[注册中心]
};
}

}
登录页面模块导入材料共享模块,但不导入HomeComponent。MaterialSharedModule和HomeComponent应导入到同一模块中

简而言之,如果您的组件使用另一个模块,那么它所属的模块应该导入这些模块

“LandingRoutingModule”的声明中有“HomeComponent”。这使得“HomeComponent”属于“LandingRoutingModule”,但“LandingRoutingModule”不导入“MaterialSharedModule”。所以“HomeComponent”不知道“MaterialSharedModule”这会导致您得到的错误

按照惯例,路由模块只包含路由,在其声明中没有组件


我建议您从“LandingRoutingModule”中删除“HomeComponent”声明,并将其添加到“LandingPageModule”。“LandingPageModule”已导入“MaterialSharedModule”。所以这应该行得通

我在“着陆路线.模块”中导入了“HomeComponent”。我也需要在LandingPageModule中导入“HomeComponent”吗?我明白你的意思,它对我很有用。我必须在登陆路线中导入“homeComponnet.module.ts”并工作。:)我在answerBy约定中添加了更多细节,路由模块只包含路由,声明中没有组件。这是非常错误的。