2017-02-23 6 views
0

私はangular2を初めて使っています.1つのmodule.ts.Butに1つのrouting.module.tsと複数のモジュールを入れたいです。エラーが発生しましたError: No NgModule metadata found for 'JobfileModule'.私はsearh任意の可能な解決策が私はまだそれを解決することはできませんし、まだ私のスタイルのコードと混同します。エラー: 'module'の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でコンポーネントをデリケートする必要があります。あなたは

+0

それを使用しない

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

およびエクスポートクラスJobModuleを{}削除私は別のエラー 「種類JobComponentを得た2つのモジュールの宣言の一部です:JobRoutingModuleとJobModule! JobComponentをJobRoutingModuleとJobModuleをインポートする上位モジュールに移動することを検討してください。 JobComponentをエクスポートして含む新しいNgModuleを作成し、そのNgModuleをJobRoutingModuleとJobModuleにインポートすることもできます。 – MunirohMansoor

+0

宣言を削除する:module.ts –

+0

から[JobComponent、JobfileComponent]が既に削除されていますが、別のエラーが発生しました。 'エラー:いずれのルートにも一致しません。 URLセグメント: '仕事' ' は、これは私が {パス: ''、redirectTo: '仕事'、pathMatch: 'フル'}私のルートを宣言する方法です、 {パス: ''、コンポーネント:FullLayoutComponent、データ:{title: 'Job Assignment'}、 子供:[{path: 'job'、loadChildren: './job/job.module#JobModule'}]] } – MunirohMansoor

関連する問題