为什么 ActionCreators 属性 在我使用 redux devtools 的 _reduxDevtools 对象中未定义？

Question

按照 official repo 上的文档，当我创建 DevTools 组件时，configureStore 存储并呈现 DevTools 组件在我的 working React 应用程序的主要组件中，我最终得到一个：
Uncaught TypeError: Cannot read property 'reset' of undefined 在 LogMonitor.js:45.

第45行对应：var reset = _reduxDevtools.ActionCreators.reset;

_reduxDevtools 看起来像这样：

▼ _reduxDevtools: Object
    __esModule: true
    ► devTools: devTools()
    ► persistState: persistState(sessionId)
    ► __proto__: Object

ActionCreators 属性 实际上是缺失的。

为什么 ActionCreators 属性 在我的 _reduxDevtools 对象中未定义？

我是不是遗漏了什么明显的东西？当我不使用 redux-devtools 时，我的应用程序运行良好，所以我非常怀疑它来自我的应用程序代码。

我也 rm -rf编辑了 我的 node_modules 并重新安装了所有东西。

更新

我尝试使用 redux-devtools 的 the counter example 重现该问题，并尝试查看我的项目和这个示例有何不同。

如果我在反例中从 webpack.config.js 中删除 this line，我会收到相同的错误消息：

'redux-devtools': path.join(__dirname, '..', '..', 'src')

resolve.alias: Replace modules by other modules or paths.

Answer 1

您使用的 redux-devtools 版本似乎已过时，而您使用的是 v3.0.0-beta-2 中首次引入的新 API。

您还可以通过查看停靠和日志监视器插件的对等依赖关系来了解这一点，它们需要 devTools v3。

我猜你遇到这个错误是因为当你安装时，稳定版本还没有出来，npm 没有选择 beta 版本，让你使用 v2。

我将 redux-devtools 版本从您的复制升级到最后一个，并且一切正常

---

此外，示例中 webpack 配置的 resolve 参数只是为了从存储库的根目录中获取 devTool 源，而无需再次安装它。