lazyload模块Angular2中的路由

我对有角度的懒散感到困惑。 我使用webpack2和Angular2RC5。 当我尝试导航到+lazyload组件时，它失败了

我的app.modules如下：

app.routing

页面.模块

页面.路由

存储库.module

存储库.路由

存储库组件

导出类搜索模块{}

我试图在NavigationModule中使用路由，但从DOM中丢失了SearchModule。

---

有什么问题吗？

请更新到最新版本。2.0.0最终版本已经发布。如果您使用

angular cli

也对其进行更新，则会出现一些有关惰性路由的错误修复。请更新至最新版本。2.0.0最终版本已经发布。如果您也使用

angular cli

对其进行更新，则会出现一些关于惰性路由的错误修复。。

import { NgModule }       from '@angular/core';
import { BrowserModule }  from '@angular/platform-browser';
import { FormsModule }    from '@angular/forms';
import { AppComponent }       from './app.component';
import { SearchModule } from './search/search.module';
import {PagesModule} from "./pages/pages.module";

@NgModule({
imports: [
    BrowserModule,
    FormsModule,
    SearchModule,
    PagesModule,
    routing
],

declarations: [
    AppComponent
],
providers: [
    appRoutingProviders
],
bootstrap: [ AppComponent ]
})

export class AppModule {}

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const appRoutes: Routes = [
{ path: '',  redirectTo: 'pages', pathMatch: 'full' }
];
export const appRoutingProviders: any[] = [];

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

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common';

import { routing }       from './pages.routing';


import { Pages } from './pages.component';

@NgModule({
  imports: [CommonModule, routing],
  declarations: [Pages]
})
export class PagesModule {}

import { Routes, RouterModule }  from '@angular/router';
import { Pages } from './pages.component';

const routes: Routes = [
  {
  path: 'pages',
  component: Pages,
  children: [
     { path: '', redirectTo: 'repositories', pathMatch: 'full' },
     { path: 'repositories', loadChildren: () =>  System.import('./repositories/repositories.module') }
  ];

 export const routing = RouterModule.forChild(routes);

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common';
import { FormsModule } from '@angular/forms';

import { Repositories } from './repositories.component';
import { routing }       from './repositories.routing';

//module return exports component and it fail((((
import { SearchModule } from './search/search.module';

import {NavigationModule} from "./navigation/navigation.module";



@NgModule({
  imports: [
   CommonModule,
   FormsModule,
  NavigationModule,
  SearchModule,
  routing
 ],
 declarations: [
   Repositories
 ]
})
export default class RepositoriesModule {}

 import { Routes, RouterModule }  from '@angular/router';
 import {Repositories} from "./repositories.component";


  const routes: Routes = [
    {
       path: '',
       component: Repositories,
       children: []
    }
  ];

export const routing = RouterModule.forChild(routes);

import {Component, ViewEncapsulation, Output} from '@angular/core';

@Component({
  selector: 'repositories',
  styles: [require('./repositories.scss')],
  template: `
         <div class="top-form">
            <search></search>
         </div>

         <div class="workspace">
            <navigation></navigation>
         </div>`
   })

  export class Repositories {
         constructor() {}

  }

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common'; //без него не работает ngFor

import { Search } from './search.component';

//components
import { Aggregations } from './aggregations/aggregations.component';
import { AutoComplete } from './auto-complete/auto-complete.component';



 @NgModule({
   imports: [
   CommonModule
   ],

   declarations: [
      Aggregations,
       AutoComplete,
       Search
    ],
   exports: [ Search ]
 })