2017-02-23 30 views
0

Я новичок в angular2, я хочу поместить несколько компонентов в один routing.module.ts и несколько модулей в один модуль.ts.But я получил ошибку Error: No NgModule metadata found for 'JobfileModule'. У меня есть поиск для любого возможного решения, но я все еще не могу его решить и все еще путаю с моим стилем кода.Ошибка: не найдено метаданных NgModule для 'module'

это мой код

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, который экспортирует и включает JobComponent, затем импортирует этот NgModule в JobRoutingModule и JobModule. ' – MunirohMansoor

+0

удалить объявления: [JobComponent, JobfileComponent] from module.ts –

+0

уже удалить ... но я получил еще одну ошибку «Ошибка: не может соответствовать никаким маршрутам. URL Сегмент: 'Работа' ' это, как я объявляю мои маршруты {путь: '', RedirectTo: 'работа', pathMatch: 'полный'}, {путь: '', компонент: FullLayoutComponent, данные : {title: 'Job Assignment'}, children: [{path: 'job', loadChildren: './job/job.module#JobModule'},] }, – MunirohMansoor