React-Redux-Django项目安装redux-devtools-extension报错求助

常见修复步骤 #

• 使用官方推荐的包名安装
  当前官方已将包迁移至@redux-devtools/extension，执行以下命令替换旧包安装：

  npm install @redux-devtools/extension --save-dev
  

• 解决依赖冲突问题
  若遇到ERESOLVE依赖解析错误，可尝试以下两种方式：

  • 强制安装忽略冲突：

    npm install redux-devtools-extension --force
    

  • 使用兼容旧版peer依赖的模式（适用于npm v7及以上版本）：

    npm install redux-devtools-extension --legacy-peer-deps
    

• 清理缓存后重试
  缓存损坏可能导致安装失败，执行以下步骤重置环境后重新安装：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  npm install redux-devtools-extension --save-dev
  

• 切换包管理器尝试
  若npm持续报错，可改用yarn进行安装：

  yarn add redux-devtools-extension --dev
  

安装后配置示例 #

安装完成后，在Redux Store配置中引入工具：

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from '@redux-devtools/extension';
import rootReducer from './reducers';

const store = createStore(
  rootReducer,
  composeWithDevTools(
    applyMiddleware(/* 填入你的中间件 */)
  )
);

内容的提问来源于stack exchange，提问作者varsha goyal