2017-02-23 49 views
0

我是新來的angular2,我想把多個組件放在一個routing.module.ts和多個模塊在一個module.ts.But但我有一個錯誤Error: No NgModule metadata found for 'JobfileModule'.我有searh對於任何可能的解決方案,但我仍然無法解決它,仍然與我的代碼風格混淆。錯誤:找不到'模塊'的NgModule元數據

這是我的代碼

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 { } 

什麼是錯我的代碼?

回答

1

您需要在您的JobRoutingModule而不是您的應用程序模塊中分解您的組件。

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

,並刪除出口類JobModule {}你不使用它

+0

我得到了另一個錯誤 「類型JobComponent是2個模塊的聲明部分:JobRoutingModule和JobModule!請考慮將JobComponent移動到導入JobRoutingModule和JobModule的較高模塊。您還可以創建一個新的NgModule,該NgModule導出幷包含JobComponent,然後在JobRoutingModule和JobModule中導入該NgModule。' – MunirohMansoor

+0

刪除聲明:[JobComponent,JobfileComponent]從module.ts –

+0

已經刪除...但我得到了另一個錯誤'錯誤:無法匹配任何路由。 URL段:'工作' 這是我聲明我的路線 {路徑: '',redirectTo: '工作',pathMatch: '全'}, {路徑: '',成分:FullLayoutComponent,數據:{title:'Job Assignment'}, children:[{path:'job',loadChildren:'./job/job.module#JobModule'},] }, – MunirohMansoor