嵌套/子组件不属于任何NgModule

Question

我正在研究Angular 6应用程序。我有一个父组件“ Consultation”，它在provider中的consulting.module中引用，然后嵌套了组件内部的Consultation组件和test组件，它们的引用也位于provider中的consulting.module中，随后在app中添加了consulting.module参考。模块。结构如下；

我遇到错误SurveyComponent不属于任何NgModule，即使在component.module中被引用，也不确定我在这里缺少什么？？

错误

Error: Component SurveyComponent is not part of any NgModule or the module has not been imported into your module.

咨询模块

@NgModule({
imports:[
    CommonModule
],
declarations: [ 
    ConsultationComponent,
    SurveyComponent,
    TestingComponent
 ]
})

export class ConsultationModule{
}

App.Module //根级别

@NgModule({
imports: [
  ConsultationModule
],
export class AppModule { }

app.routing

export const routes: Routes = [

{
path: 'consultation',
component: ConsultationComponent,
data: {
  title: 'Consultation' 
}     
},
 {
 path: 'survey',
 component: SurveyComponent,
 data: {
   title: 'Survey' 
 }     
 }
];

Answer 1

您面临的问题在这里

 {
    path: 'survey',
    component: SurveyComponent,
    data: {
    title: 'Survey' 
 } 

由于您无法为嵌套在另一个模块中的组件设置路径，因此需要将该组件推送到应用程序模块中的声明数组，或者将其设置为咨询模块路由文件，这样最好使其延迟加载< / p>