NgRx Angular 应用程序无法与 Redux DevTools 一起工作

Question

所以我正在关注 this tutorial 以熟悉 ngRx 实体，并且出于某种原因我的 redux 开发工具不是 'lighting up' 以表明它在使用 redux 的应用程序中，我想在开发工具中显示的数据没有显示。日志监视器上显示的数据是这样的：

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

我遇到过以下问题：

像这样在根模块中将 storeDevToolsModule 移动到 root 的 storeModule 之前：

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

我使用过不同的浏览器，并启用了对本地 URL 的访问。 [我的默认浏览器是 Brave，我用 Chrome 解决了问题。
我还实例化了一个内置 redux 的新 React 应用程序并且运行良好，扩展程序亮起并检测到本地商店，所以我不认为它是扩展程序。

过去几天我一直在寻找有关使用 angular 和 ngRx 对 redux 开发工具进行故障排除的资源，但不知道该怎么做。任何帮助或指导将不胜感激

Answer 1

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

时它开始工作

Answer 2

确保先从商店导入所有模块，然后再导入导入列表中的 StoreDevtoolsModule。

NgRx Angular 应用程序无法与 Redux DevTools 一起工作

NgRx Angular App not working with Redux DevTools

redux

redux-devtools

ngrx

redux-devtools-extension

angular