錯誤：找不到“模塊”的NgModule元數據

Question

我是angular2的新手，我想將多個組件放在一個routing.module.ts中，將多個模塊放在一個module.ts中。但是我收到一個錯誤Error: No NgModule metadata found for 'JobfileModule'. 我有任何可能的解決方案，但是我仍然無法解決它，並且仍然對我的代碼風格感到困惑。

這是我的代碼

routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { JobComponent } from './job.component';
import { JobfileComponent } from './jobfile.component';

const routes: Routes = [
  {
    path: '',
    component: JobComponent, data: {
      title: 'Job' }
  },
  {
    path: '',
    component: JobfileComponent, data: {
      title: 'JobFile' }
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]

})
export class JobRoutingModule {}

和my module.ts

import { NgModule } from '@angular/core';
import { ChartsModule } from 'ng2-charts/ng2-charts';
import { JobComponent } from './job.component';
import { JobfileComponent } from './jobfile.component';
import { JobRoutingModule } from './job-routing.module';

@NgModule({
  imports: [
    JobRoutingModule,
    ChartsModule
  ],
  declarations: [ JobComponent, JobfileComponent  ]
})
export class JobModule { }
export class JobfileModule { }

我的代碼有什么問題？

Answer 1

您需要在JobRoutingModule而不是應用模塊上清除組件。

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  declarations: [ JobComponent, JobfileComponent  ]
})
export class JobRoutingModule {}

並刪除不使用的導出類JobModule {}