angular2中的延迟模块路径仍然在主页上将所有chunk.js加载在一起

时间:2018-02-22 05:13:27

标签: angular angular2-routing lazy-loading

根据评论How to define lazy Module paths in angular2 and load specific module for that path我已经为我的模块实现了路由,但是当我第一次点击url时,所有模块块都被加载到一起我不明白为什么会再次出现这种情况。以下是我的代码

mailbox.routing.ts

 const routes: Routes = [
       {
        path: '',
        children: [
            {
                path: '',
                component: MailboxComponent, canActivate: [AuthGuard]
            }
        ]
    }
];

export const routing: ModuleWithProviders = RouterModule.forChild(routes);

mailbox.module.ts
    @NgModule({
        imports: [
            routing,
            SharedModule,
        ],
        declarations: [
            MailboxComponent
        ],    
      });

app.routing.ts

 { path: 'mailbox', loadChildren: 'app/mailbox/mailbox.module#MailboxModule', data: { preload: true } },
        { path: 'mailbox/:threadId', loadChildren: 'app/mailbox/mailbox.module#MailboxModule', data: { preload: true } },
    }

同样地定义了不同的路由,但是所有的块都被加载到第一页上。有没有人有想法解决这个问题。

0 个答案:

没有答案