Çocuk yolları hatası (bu çocuk yolları içerir) RC6 sürümüne geçerken

Question

benim yönlendirme bu çalışma zamanı hatası alıyorum yükseltme Modülünüzün içine ekleyemediğimi belirtirim. Bu hata ngModule'a ListingComponent eklemediğimi, ancak bir bildirim olarak var olduğunu gösterir.

App.module'de tüm bileşenlerim deklarasyon olarak var. Ayrıca yönlendirme bileşenimi de içe aktarıyorum. Yönlendirme bileşeni, listing.routes adlı bir alt yönlendirme bileşenine sahiptir.

İşte

import {NgModule, CUSTOM_ELEMENTS_SCHEMA, ReflectiveInjector } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import {FormsModule, FormBuilder} from '@angular/forms'; 
import { NgClass, NgStyle} from '@angular/common'; 
import { AppComponent } from './app.component'; 
import {routing} from './app.routes'; 
import {ListingModule} from './components/listing/listingmodule'; 
import {ListingComponent} from './components/listing/listing.Component'; 

@NgModule({ 
    imports: [BrowserModule, routing], 
    providers: [], 
    declarations: [AppComponent, ListingComponent, ListingModule], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 

} 

(I yolları olarak ithal) benim app.routes.ts geçerli::

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import {ListingRoutes} from './components/listing/listing.routes'; 
import {SplashComponent} from './components/splash/splash.component'; 

export const appRoutingProviders: Routes = ([ 
    { path: '', component: SplashComponent }, 
    { path: 'login', component: SplashComponent }, 
    ...ListingRoutes 
]); 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutingProviders); 

Ve işte benim listing.routes İşte

benim app.module.ts olduğunu .ts:

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import {ListingModule} from './repairreturnmodule'; 
import {ListingComponent} from '../listing/listing.component'; 


export const ListingRoutes: Routes = [ 
    { 
     path: '', 
     component: ListingModule, 
     children: [ 
      { path: 'listing', component: ListingComponent}, 
     ] 
    } 
]; 

export const ListingRouting: ModuleWithProviders = RouterModule.forChild(ListingRoutes); 

Hiçbir şey kaçırdım mı?

Answer 1

DÜZENLEME: Eğer adıdır gelenlere bakın siz

import {ListingComponent} from './components/listing/listing.component'; 

içe olmalıdır (yapmanız gerekir) AppComponent den de aynı sistem kullanılarak eğer

import {ListingComponent} from './components/listing/listing.Component'; 

adresinin ListingComponent ithal ediyoruz dosya. Kodun geri kalanı doğru görünüyor.

---

Bu sorunun kaynağı olup olmadığından emin değilim, ama sen AppModule orada bir modül ilan ediyoruz, bunu ithal gerekirken ... için beyanlar diziden ListingModule taşımayı deneyin ithalat dizisi.