Question

导入ngrx devtools以启用 chrome 工具的调试器会导致以下错误：

错误TypeError：无法读取未定义的属性“白名单” 在isFiltered（：1：5016）在Object.x [发送时]（：1：74196）在DevtoolsExtension.notify（store-devtools.js：210）在ScanSubscriber.StoreDevtools.liftedAction $ .pipe.Object.state [作为累加器]（store-devtools.js：649）在ScanSubscriber._tryNext（scan.js：61）在ScanSubscriber._next（scan.js：54）在ScanSubscriber.Subscriber.next（Subscriber.js：54）在WithLatestFromSubscriber._next（withLatestFrom.js：66）在WithLatestFromSubscriber.Subscriber.next（Subscriber.js：54）在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",

和我的角和离子

 "@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开发工具，然后开始工作（有点变通方法）

看起来像chrome redux开发工具扩展的问题。

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 =>可以再次使用：）

导入ngrx开发工具时，无法读取未定义的属性“白名单”

3 个答案: