NgRx Angular App 无法与 Redux DevTools 一起使用

Question

所以我正在按照本教程来熟悉 ngRx Entity，并且由于某种原因，我的 redux 开发工具没有“点亮”以表明它在使用 redux 的应用程序中，并且我想要显示的数据在开发工具没有出现。 日志监视器上显示的数据是这样的：

如果我不得不猜测我会说这可能是一些默认数据？ 我还确保它在正确的端口连接到我的本地主机，所以我认为这也不是问题。

我通过以下方式解决了问题：

1. 在根模块中将 storeDevToolsModule 移动到 root 的 storeModule 之前，如下所示：

StoreDevtoolsModule.instrument({
      maxAge: 25,
    }),
    StoreModule.forRoot(reducers),

2. 我使用了不同的浏览器，并启用了对本地 URL 的访问。 [我的默认浏览器很勇敢，我用 Chrome 解决了问题]。

3. 我还实例化了一个新的带有 redux 的 react 应用程序，它运行良好，扩展程序亮起，它检测到本地商店，所以我不认为它是扩展程序。

在过去的几天里，我一直在寻找资源，这些资源通过 angular 和 ngRx 对 redux 开发工具进行故障排除并且不知道该做什么了。 任何帮助或方向将不胜感激

Answer 1

因此，当您计划在项目中使用 ngrx 时，请确保使用ng add语法安装它。 使用 npm install @ngrx/store @ngrx/entity 给了我问题。 所以当我输入ng add @ngrx/store @ngrx/store-devtools @ngrx/entity时它开始工作

Answer 2

确保在导入导入列表中的StoreDevtoolsModule之前先从商店导入所有模块。