導入ngrx dev工具時無法讀取未定義的屬性“白名單”

Question

導入ngrx devtools以啟用chrome工具的調試器會導致以下錯誤 ：

錯誤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（ https://stackoverflow.com/a/53513518/3742158 ）

Answer 2

只是為了讓你知道：我的redux devtools昨天工作正常。 我的項目依賴項與您的99％相同。 今天我面臨着同樣的問題。 問題可能在於擴展。 嘗試安裝另一個版本。

github頁面上有一些關於2.16版本的問題。 https://github.com/zalmoxisus/redux-devtools-extension/issues/589

Answer 3

將您的chrome擴展更新為2.16.2 =>再次工作:)