Redux DevTools提示‘未找到store’问题求助（React+Redux项目）

你的情况是Redux DevTools找不到store，但组件能正常获取数据，说明store本身是正常的，问题出在DevTools的连接上。试试下面这些方案：

1. 显式开启Redux DevTools配置 #

Redux Toolkit的configureStore默认在开发环境会启用DevTools，但有时候可能因为环境变量或配置问题失效。直接在store配置里加上devTools的显式设置：

修改你的store.js：

import {configureStore,combineReducers} from '@reduxjs/toolkit'
import productsReducer from "./slices/productsSlice";
import productReducer from "./slices/productSlice";
import authReducer from './slices/authSlice';

const reducer = combineReducers({
    productsState : productsReducer,
    productState : productReducer,
    authState : authReducer
})

const store = configureStore({
    reducer,
    // 显式指定开发环境启用DevTools
    devTools: process.env.NODE_ENV !== 'production'
})

export default store;

这样能确保开发环境下强制启用DevTools，生产环境自动关闭。

2. 检查浏览器扩展设置 #

• 打开Chrome的Redux DevTools扩展详情页，确认"允许访问文件URL"选项是开启的（本地localhost运行项目时需要打开这个选项）。
• 切换到非隐身模式打开应用，隐身模式下扩展可能默认不启用。
• 禁用其他可能冲突的扩展（比如其他状态管理工具的扩展），重启浏览器后再试。

3. 清除浏览器缓存并重启 #

浏览器缓存偶尔会导致扩展和应用的连接异常：

• 按Ctrl+Shift+Delete打开清除缓存面板，选择"缓存的图像和文件"清除。
• 完全关闭浏览器再重新打开，然后启动项目。

4. 暂时移除React.StrictMode测试 #

虽然StrictMode一般不影响DevTools，但偶尔会出现奇怪的兼容性问题。修改index.js，暂时去掉<React.StrictMode>包裹：

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>
);

如果这样DevTools能正常工作，那可能是StrictMode和某些代码存在冲突，但长期来看还是建议保留StrictMode，后续再排查具体冲突点。

5. 确认Provider的包裹范围 #

你的index.js里Provider已经正确包裹了整个App，这部分没问题，但可以再检查项目中是否存在其他嵌套的Provider或者额外的store实例，导致DevTools连接到了错误的store。

试完这些步骤，应该能解决DevTools找不到store的问题。

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