React项目集成Redux DevTools遇问题：状态显示undefined但应用正常

你的代码存在两个关键错误：

• 拼写错误：从Redux导入的应该是compose而非composer，Redux官方导出的是compose方法，错误的拼写导致DevTools无法正确连接到store
• 增强器依赖错误：由于拼写错误，你实际使用的composer是一个未定义的变量，虽然应用能运行，但DevTools的增强逻辑完全失效

修正后的代码：

import { legacy_createStore, compose } from 'redux'
import reducer from './reducerFn'

const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

export const store = legacy_createStore(reducer, composeEnhancer());

修改说明：

• 将导入的composer改为compose，还原Redux的正确方法名
• 保持原有的增强器兼容逻辑，确保在安装了Redux DevTools的环境下启用工具增强，否则回退到Redux原生的compose方法

修改后Redux DevTools就能正常读取和展示store状态了。

内容的提问来源于stack exchange，提问作者Snehil Agrahari