React Native Repack项目开发服务器配置指南

在使用React Native Repack构建项目时，开发服务器的正确配置是确保应用能够正常连接和调试的关键环节。本文将详细介绍如何配置Repack项目的开发服务器，解决常见的连接问题。

开发服务器监听地址问题

Repack默认配置的开发服务器会监听IPv6地址(::1)，这可能导致Android模拟器无法正确连接到开发服务器。当出现"Development server not reachable"错误时，通常是因为这个原因。

解决方案

方法一：启动时指定IP地址

在启动开发服务器时，可以通过--host参数明确指定监听地址：

react-native webpack-start --host 127.0.0.1

这个命令强制开发服务器监听IPv4的本地回环地址(127.0.0.1)，确保Android模拟器能够正常访问。

方法二：修改package.json配置

为了永久解决这个问题，可以在package.json中修改start脚本：

"scripts": {
  "start": "react-native webpack-start --host 127.0.0.1"
}

这样每次运行yarn start或npm start时都会自动使用正确的监听地址。

其他相关配置

1. adb反向代理：确保设置了正确的端口转发

adb reverse tcp:8081 tcp:8081

2. React Native版本兼容性：Repack v4版本将彻底解决IPv6监听问题

3. Gradle配置：确保android/app/build.gradle中正确配置了bundle命令

bundleCommand: "webpack-bundle"

总结

正确配置开发服务器监听地址是React Native Repack项目开发中的重要环节。通过指定明确的IPv4地址，可以避免模拟器连接问题。Repack团队已经注意到这个默认配置问题，并将在v4版本中提供永久解决方案。在等待正式版本发布前，开发者可以采用本文介绍的方法临时解决问题。