更新到v2 ngrx / store后的空白页面

时间:2016-06-24 20:46:06

标签: typescript angular ngrx

从v1更新到 ngrx / store 到v2(没有中间件)后,我的应用显示空白页面。我的 ngrx / router 也会停止重定向页面(在v1中,如果我转到不存在的页面,它将重定向到现有页面)。

没有警告和错误。

当我使用v1时,这是我的控制台:

enter image description here

这是v2:

enter image description here

如果有帮助,这是我的代码部分:

bootstrap(App, [
  Title,
  Location,

  // ... my service

  provide(APP_BASE_HREF, { useValue: '/' }),

  provideStore(
    compose(
      storeLogger(),
      combineReducers
    )({
      // ... my reducer

      router: routerReducer
    })
  ),
  provideRouter(appRouter),
  connectRouterToStore(),
]);

父路由器:

export const appRouter: Routes = [
  { path: '/',
    component: LandingComponent,
    index: { component: StartComponent },
    loadChildren: () => new Promise(resolve => resolve(landingRouter))
  },

  { path: '/admin',
    guards: [AdminGuard],
    component: AdminComponent,
    index: { component: DashboardComponent },
    loadChildren: () => new Promise(resolve => resolve(adminRouter))
  },

  { path: '/home', guards: [LoginGuard], component: HomeComponent },
  { path: '/settings', guards: [LoginGuard], component: SettingsComponent },
  // ... my other components, similar

  { path: '/**', redirectTo: '/' }
];

什么可能导致空白页面而不是重定向?感谢

1 个答案:

答案 0 :(得分:0)

感谢@DzmitryShylovich指出Gitter上的问题!

这是因为 ngrx / router-store 与v2 ngrx / store 不兼容。

因此只需删除connectRouterToStore(),然后再次运行良好。

您可以在GitHub上跟踪此问题here