angular 2.0 アプリケーションをロードしようとすると、次のエラーが発生します: (index):21 エラー: エラー: モジュール 'AppModule' によってインポートされた予期しない値 '[object Object]'
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);
アプリモジュール
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 { }
起動用スクリプトを入力
///<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));
インポートから「ルート」を削除すると、ランディング ページが読み込まれますが、エラーは発生しません。AppModule の「ルート」を削除すると、ランディング ページが正しく読み込まれるため、ルーティングのエラーが疑われます。多くの変更を試みましたが、問題の原因を特定できませんでした。どんな助けでも大歓迎です。