导入 ngrx 开发工具时无法读取未定义的 属性 'whitelist'

Cannot read property 'whitelist' of undefined when importing ngrx dev tools

导入 ngrx devtools 以便为 chrome 工具启用 调试器 结果 下面的错误

ERROR TypeError: Cannot read property 'whitelist' of undefined at isFiltered (:1:5016) at Object.x [as send] (:1:74196) at DevtoolsExtension.notify (store-devtools.js:210) at ScanSubscriber.StoreDevtools.liftedAction$.pipe.Object.state [as accumulator] (store-devtools.js:649) at ScanSubscriber._tryNext (scan.js:61) at ScanSubscriber._next (scan.js:54) at ScanSubscriber.Subscriber.next (Subscriber.js:54) at WithLatestFromSubscriber._next (withLatestFrom.js:66) at WithLatestFromSubscriber.Subscriber.next (Subscriber.js:54) at Notification.observe (Notification.js:15)

这是我的以下 ngrx 版本:

 "@ngrx/core": "^1.2.0",
    "@ngrx/effects": "^6.1.2",
    "@ngrx/store": "^6.1.2",
    "@ngrx/store-devtools": "^6.1.2",

和我的angularionic

 "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/core": "~4.17.0",
    "@ionic-native/splash-screen": "~4.17.0",
    "@ionic-native/status-bar": "~4.17.0",

每当我尝试在 app.module 上导入下面的代码时,总是显示我在顶部显示的错误。

 StoreDevtoolsModule.instrument({
      maxAge: 15
    }),

上面的错误是指我的console中的这行代码在210

this.extensionConnection.send(sanitizedAction, sanitizedState);

如果有人能提供帮助,我们将不胜感激。 提前致谢。

面临同样的问题,它在 firefox 中运行良好,从 chrome 卸载了 redux 开发工具,然后开始工作(一种解决方法)

chrome redux 开发工具扩展似乎有问题。

ref ()

只是想让你知道:昨天我的 redux devtools 运行良好。我的项目依赖项与您的项目依赖项 99% 相同。今天我面临完全相同的问题。问题可能出在扩展名上。尝试安装另一个版本。

关于 2.16 版本的 github 页面存在一些问题。 https://github.com/zalmoxisus/redux-devtools-extension/issues/589

将您的 chrome 扩展更新到 2.16.2 => 再次工作:)