Windows10下React Native 0.65.1搭配Redux Toolkit时Flipper的Redux Debugger不可用

数据老陈

2026-9-30

Redux Debugger 在 Flipper 中不可用排查方案

前置环境

操作系统：Windows 10
React Native 版本：v0.65.1（React Native CLI 创建项目）
Flipper 桌面端版本：v0.114.1
状态管理：Redux Toolkit

具体排查项

平台限制校验：Windows 系统仅支持调试安卓端的 RN 应用，若当前调试的是 iOS 应用，无法在 Windows 端 Flipper 中获取调试数据。
应用连接校验：确认 Flipper 桌面端左上角已识别到正在运行的 RN 应用，如果未识别，检查设备与电脑是否处于同一局域网，安卓设备需开启 USB 调试，执行端口映射命令：
```
adb reverse tcp:8081 tcp:8081 && adb reverse tcp:9088 tcp:9088
```
版本兼容性校验：Flipper v0.114.1 属于旧版本，无法适配最新版的 flipper-plugin-redux-debugger，需卸载现有版本后安装适配的 1.2.2 版本：
```
npm uninstall flipper-plugin-redux-debugger
npm install flipper-plugin-redux-debugger@1.2.2 redux-flipper -D
```

Redux 中间件补全：“Redux Toolkit 无需为 Flipper 额外配置中间件”属于错误认知，RTK 默认中间件不包含 Flipper 调试中间件，需手动在开发环境添加，参考配置如下：

import { configureStore } from '@reduxjs/toolkit'
import reduxFlipper from 'redux-flipper'

export const store = configureStore({
  reducer: {
    // 业务reducer配置
  },
  middleware: (getDefaultMiddleware) => {
    const baseMiddleware = getDefaultMiddleware()
    if (__DEV__) {
      return baseMiddleware.concat(reduxFlipper())
    }
    return baseMiddleware
  }
})

桌面端插件安装：除项目 npm 包外，需在 Flipper 桌面端的插件市场搜索安装 Redux Debugger 插件，安装完成后重启 Flipper 生效。
缓存清理：所有配置完成后，清理 Metro 缓存并重新编译运行项目：
```
npx react-native start --reset-cache
```
之后重新安装 APP 到设备/模拟器，再打开 Flipper 即可看到 Redux Debugger 插件生效。