Reactjs redux开发工具中缺少react

我对react和webpack还比较陌生，我刚开始做一个新项目。要配置DevTool，我们有：

export function renderDevTools(store) {
    if (__DEV__) {
        let {DevTools, DebugPanel, LogMonitor} = require('redux-devtools/lib/react');
        return (
            <DebugPanel top right bottom>
            <DevTools store={store} monitor={LogMonitor} />
            </DebugPanel>
        );
    }
    return null;
}

有

但此文件夹中没有react.js，因此运行代码将提供：

ERROR in ./app/utils/devTools.js
Module not found: Error: Cannot resolve module 'redux-devtools/lib/react'

我试过了

npm install redux-devtools

---

但文件中仍然缺少响应。这是一个遗留代码，当我尝试运行它时，它不起作用。我想知道出了什么问题？

此代码用于

redux-devtools@2

。在

redux中-devtools@3

监视器被解耦为

redux devtools log monitor

和

redux devtools dock monitor

，您还必须按照中的说明安装并添加到项目中

您还必须在

webpack.config

中将

\uuu DEV\uuuu

设置为

true

（这对于开发和生产应该是不同的）：

更简单的方法不是直接将其包含到应用程序中，而是使用它。然后，您可以将其添加到Redux应用商店：

在这种情况下，请确保删除与Redux DevTools相关的所有其他内容

---

如果您正在使用扩展，您也可以在生产环境中使用它，否则请确保将其从生产捆绑包中删除。

此遗留代码可能使用了旧版本的redux devtools。对于最新版本，您可以在此处找到一个演练：此视频介绍如何将redux devtool连接到基本react redux应用程序-您知道

DebugPanel

的去向吗？我正在维护一个由其他人编写的庞大代码，由于我不知道如何修复这些代码，这一更改让我非常无助：(

ERROR in ./app/utils/devTools.js
Module not found: Error: Cannot resolve module 'redux-devtools/lib/react'

npm install redux-devtools

plugins: [
  new webpack.DefinePlugin({
    '__DEV__': true
  })
],

const store = createStore(reducer, /* preloadedState, */
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);