web-dev-qa-db-fra.com

Angular 2.0 Valeur inattendue '[objet Objet]' importée par le module 'AppModule'

Lorsque j'essaie de charger mon application angulaire 2.0, l'erreur suivante apparaît: (Index): 21 Erreur: Erreur: valeur inattendue '[objet Objet]' importée par le module '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 { }

Type script pour le démarrage

///<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));

Si je supprime les «routes» des importations, les pages de destination se chargent, mais sans D'erreur. Je soupçonne que l'erreur se trouve dans l'acheminement, car si je supprime les [itinéraires] Dans l'AppModule, la page de destination se charge correctement. J'ai essayé de nombreux changements Mais je n'ai pas été en mesure d'identifier la cause du problème. Toute aide serait la bienvenue.

angulartypescriptangular2-modules
7
Guy Gallant

Le problème est que vous définissez routedComponents dans vos déclarations. Étant donné qu'il ne s'agit pas d'une directive, d'un composant ou d'un tuyau, vous obtenez cette exception. Supprimez le routedComponents depuis le module declarations array et cela résoudra votre problème.

10
galvan

Supprimez simplement "routes" du tableau d'importation et ajoutez "routage" à cela:

imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    routing
]
3
MAN
  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 { }
0
sudheer nunna