求助：React Native 0.74.0适配React Native Debugger配置方案

AI 小北

2026-6-24

React Native 0.74.0 适配 React Native Debugger 配置方案

1. 禁用RN 0.74默认的实验性调试器

RN 0.74.0默认启用的新实验性调试器会与React Native Debugger冲突，需先禁用：

临时禁用（启动时生效）
启动项目时添加参数：
```
npx react-native start --experimental-debugger false
```

永久禁用（配置文件生效）
修改项目根目录的metro.config.js，添加如下配置：

module.exports = {
  // ...其他原有配置
  server: {
    experimental: {
      debuggerEnabled: false,
    },
  },
};

2. 配置React Native Debugger连接

确保调试器与RN项目端口匹配：

打开React Native Debugger，若RN项目使用默认8081端口直接启动即可；若使用自定义端口，在Debugger菜单选择Debugger > New Window，输入对应端口号。
在RN应用的开发者菜单（摇设备或按Ctrl+M/Command+M呼出）中，选择Debug JS Remotely，应用会自动连接到React Native Debugger。

3. 修复网络调试功能

RN 0.74可能导致网络请求无法被Debugger捕获，添加以下配置：

在项目入口文件（如App.tsx/index.js）中，添加调试模式下的请求代理：

if (__DEV__) {
  global.XMLHttpRequest = global.originalXMLHttpRequest || global.XMLHttpRequest;
  global.FormData = global.originalFormData || global.FormData;
}

确保React Native Debugger的Network面板处于开启状态，且未设置请求过滤规则。

4. 配置Redux调试

让Debugger捕获Redux状态变化：

若使用原生Redux，创建Store时集成DevTools：

import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(
  rootReducer,
  __DEV__ && window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);