3

我正在尝试在我的 Angular 5 应用程序中测试一个组件，该应用程序使用，并且在此选择器中未定义时@ngrx/router-store遇到问题：state

import * as fromRouter from '@ngrx/router-store';

export const selectRouter = (state: AppState) => state.router;

export const selectUrl = createSelector(
  selectRouter,
  (state: fromRouter.RouterReducerState<RouterStateUrl>) => state.state && state.state.url // <--- state here is undefined
);

为了克服这个问题，我尝试在我的 TestBed 生成的模块中添加以下导入：

imports: [
  RouterModule.forChild(wizardRoutes),
  StoreModule.forRoot(reducers, {metaReducers}),
  EffectsModule.forRoot([MyEffects, WizardEffects]),
  HttpClientModule,
  StoreRouterConnectingModule.forRoot() // <--- this makes it happier
]

但是，现在我在 Karma 测试浏览器窗口中收到以下错误：

TypeError：无法在 StoreRouterConnectingModule.webpackJsonp../node_modules/@ngrx/router-store/@ngrx/router-store.es5.js.StoreRouterConnectingModule.setUpBeforePreactivationHook （http://localhost:9878/_karma_webpack_ /webpack:/node_modules/@ngrx/router-store/@ngrx/router-store.es5.js:169:1 )

官方文档中关于测试路由器商店的信息很少或根本没有，我在谷歌上也找不到任何东西。

我知道我没有提供大量代码，所以请让我知道您还需要查看什么，我会添加它。

4

1 回答 1

0

要连接Router，您需要导入路由器 viaforRoot而不是forChild.

事实上，你必须导入StoreRouterConnectingModule.forRoot才能使用 NgRx 的路由器减速器。

尝试使用：

imports: [
  RouterModule.forRoot(wizardRoutes),
  StoreModule.forRoot(reducers, {metaReducers}),
  EffectsModule.forRoot([MyEffects, WizardEffects]),
  HttpClientModule,
  StoreRouterConnectingModule.forRoot()
]
于 2019-01-06T09:27:50.923 回答