Angular 的 Ngrx Store Redux 在 Ionic 3 App 中不起作用

Question

我想实施ngrx store for my Ionic 3 App. They said that ngrx was inspired by redux。所以我会尝试 ngrx/store 一个大型应用程序以获得更好的 状态管理 整个 app 并使其 集中化 .

但是每当我尝试下面的这行代码将其导入到我的应用程序的 AppModules 中时。

// in the imports provider array 
StoreModule.forRoot({ counter: counterReducer }),

或下面这个：

// Same implementation above
  StoreModule.provideStore({ counter: counterReducer })

我收到一条错误消息，如下所述

Uncaught TypeError: WEBPACK_IMPORTED_MODULE_0__angular_core.OpaqueToken is not a constructor

当我尝试打开 StoreModule import from @ngrx/store

我在上面看到这个导入，它找不到 OpaqueToken

import { OpaqueToken, ModuleWithProviders } from '@angular/core';

下面是我的离子信息

离子：

ionic（离子 CLI）：4.0.0-rc.13（/home/clifford/.npm-global/lib/node_modules/ionic）离子框架：ionic-angular 3.9.2 @ionic/app-scripts : 3.1.11

系统：

NodeJS：v6.12.2 (/usr/local/bin/node) npm：4.6.1 OS : Linux 4.13

对此有什么想法吗？

Answer 1

通过

终于解决了问题

npm install @ngrx/store@5

但是我在导入 StoreModule.forRoot

时遇到另一个问题错误

Unhandled Promise rejection: Cannot read property 'schedule' of undefined ; Zone: ; Task: Promise.then ;

您还需要根据上述问题安装 zone.js。

在我的案例中我使用了这个npm i zone.js@^0.8.4 --save

Angular 的 Ngrx Store Redux 在 Ionic 3 App 中不起作用

Ngrx Store Redux of Angular won't work in Ionic 3 App

ionic-framework

redux

ngrx

angular

ngrx-store