导入ngrx dev工具时无法读取未定义的属性"白名单"

Question

导入NGRX devtools使一个调试器用于铬工具结果的错误如下所示:

错误TypeError:无法读取isFiltered(:1:5016)的isFiltered(:1:5016)的未定义属性'whitelist',位于ScanSubscriber.StoreDevtools的DevtoolsExtension.notify(store-devtools.js:210)的Object.x [as send](:1:74196)位于ScanSubscriber._next(scan.js:61)的ScanSubscriber. (Subscriber.js:54)位于Notification.observe的WithLatestFromSubscriber.Subscriber.next(Subscriber.js:54)的WithLatestFromSubscriber._next(withLatestFrom.js:66)(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",

和我的角度和离子

 "@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
    }),

顶部的错误是指第210行我控制台中的这行代码

this.extensionConnection.send(sanitizedAction, sanitizedState);

感谢有人可以提供帮助.提前致谢.

Answer 1

面对同样的问题,它在firefox中工作正常,从chrome中卸载了redux dev工具,然后开始工作(一种解决方法)

看起来像chrome redux dev工具扩展的问题.

ref(/sf/answers/3745946291/)

Answer 2

只是为了让你知道:我的redux devtools昨天工作正常.我的项目依赖项与您的99%相同.今天我面临着同样的问题.问题可能在于扩展.尝试安装另一个版本.

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

Answer 3

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