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

Question

从 v1 更新到 ngrx/store 到 v2（无中间件）后，我的应用程序显示空白页面。我的 ngrx/router 也停止重定向页面（在 v1 中，如果我转到 non-existing 页面，它将重定向到现有页面）。

没有警告和错误。

这是我的控制台，当我使用 v1 时：

这是 v2：

如果有帮助，这是我的部分代码：

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: '/' }
];

什么可能导致空白页面和不重定向？谢谢

Answer 1

感谢@DzmitryShylovich 在 Gitter 上指出问题！

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

所以只需要去掉connectRouterToStore()，就可以正常使用了

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

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

Blank page after updating to v2 ngrx/store

typescript

ngrx

angular