Açısal 2.0 Beklenmeyen değer '[Nesne Nesnesi]' 'AppModule' modülü tarafından içe aktarılıyor

Question

Açısal 2.0 uygulamamı yüklemeyi denediğimde şu hatayı alıyorum: (index): 21 Hata: Hata: Beklenmeyen değer '[object Object ]

///<reference path="./../typings/globals/core-js/index.d.ts"/> 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './appModule'; 

platformBrowserDynamic().bootstrapModule(AppModule) 
    .then(success => console.log(`Bootstrap success`)) 
    .catch(error => console.log('GUY ' + error)); 

önyükleme için AppModule '

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { searchComponent }  from './search.Component'; 
import { landingComponent }  from './landing.Component'; 

export const routes: Routes = [ 
{ 
    path: '', 
    component: searchComponent 
}, 
{ 
    path: 'search', 
    component: searchComponent 
}]; 
export const routedComponents = [searchComponent, landingComponent]; 
export const routing: ModuleWithProviders = RouterModule.forRoot(routes); 

AppModule

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { landingComponent }    from './landing.Component'; 
import { searchComponent }    from './search.Component'; 
import { routes, routedComponents }  from './app.routing'; 
import { homeScript }     from './Services/homeScript'; 

@NgModule({ 
imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routes 
], 
declarations: [ 
    landingComponent, 
    searchComponent, 
    routedComponents 
], 
providers: [ 
    homeScript 
], 
bootstrap: [landingComponent] 

}) 
export class AppModule { } 

Tipi komut' modülü tarafından ithal'

'Yolları' içe aktarmalardan kaldırırsam, açılış sayfaları olmadan yüklenir. Yönlendirme hatalarından şüpheleniyorum, çünkü AppModule'de 'yollarını' kaldırırsam, açılış sayfası düzgün yüklenir. Birçok değişikliğini denedim, ancak sorunun nedenini belirleyemedim. Herhangi bir yardım mutluluk duyacaktır.

Answer 1

Modüllerin düzgün bir şekilde @NgModule olarak tanımlandığından emin olun ve sınıflarınızın yazımının eşleştiğinden emin olmak için yazıldığından emin olun. Angular 2 Release "Unexpected value 'ElementRef' imported by the module"

Answer 2

sorun size bildirimleri kapsamında routedComponents set geçerli:

Ayrıca ek tartışmalar için bu konu bkz bu Açısal 2.

Final açıklaması itibariyle olduğuna dikkat edin. Bu bir Yönerge, Bileşen veya Boru olmadığı için bu istisnayı alırsınız. Modül bildirimleri gelen dizi routedComponents çıkarın ve sorunu çözecektir.

Answer 3

Sadece ithalat diziden "yolları" kaldırmak ve buna "yönlendirme" ekleyin:

imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routing 
] 

Answer 4

app.menurouting.ts 
export const menurouting:Routes=[{path:'',redirectTo:'menu',pathMatch:'full'}, 
      {path:'restarenttype',component:RestaurantTypeComponentComponent}, 
      {path:'table',component:TablelayoutComponent}, 
      {path:'blog',component:ViewmenuComponent}, 
     ]; 
     export const routes:ModuleWithProviders=RouterModule.forRoot(menurouting) 

    app.module.ts 

    import {routes} from './app.menurouting'; 

    @NgModule({ 
     declarations: [ 
     AppComponent, 
     LoginComponentComponent, 
     TablelayoutComponent, 
     ViewmenuComponent, 
     RestaurantTypeComponentComponent 
     ], 
     imports: [ 
     BrowserModule, 
     routes 
     ], 
     providers: [], 
     bootstrap: [AppComponent] 
    }) 
    export class AppModule { }