在开发环境中,确保 Expo CLI 使用的是正确的 IP 地址。可以通过设置环境变量来指定 IP 地址:

bash复制

set REACT_NATIVE_PACKAGER_HOSTNAME=你的电脑IP地址

然后重新启动 Expo CLI 服务。

在 React Native 开发中,set REACT_NATIVE_PACKAGER_HOSTNAME=你的电脑IP地址 主要用于解决设备无法连接到本地开发服务器的问题,具体使用方式如下:


Windows 系统(临时生效)

  1. 打开命令提示符‌(CMD)或 PowerShell,输入命令设置环境变量:

    
      

    cmdCopy Code

    set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.0.142

    替换 192.168.0.142 为你的电脑局域网 IP 地址^[4]。

  2. 保持当前命令行窗口开启‌,后续启动项目的命令(如 expo start 或 npm start)需在此窗口运行,环境变量才会生效。


Windows 系统(永久生效)

  1. 通过系统设置添加环境变量:
    • 右键点击 此电脑 → 属性 → 高级系统设置 → 环境变量 → 在 用户变量 或 系统变量 中新建变量:
      • 变量名‌:REACT_NATIVE_PACKAGER_HOSTNAME
      • 变量值‌:你的电脑 IP 地址(如 192.168.0.142)^[5][7]。
  2. 重启命令行工具,后续所有项目启动命令均会读取此变量。

其他注意事项

  1. 确认设备和电脑在同一网络‌,手机或模拟器需与电脑处于同一局域网^[1]。
  2. 关闭防火墙或允许端口通信‌,确保开发服务器端口(如 19000、19001)未被拦截^[1]。
  3. 检查 IP 地址有效性‌:通过 ipconfig(Windows)或 ifconfig(macOS/Linux)获取本地 IP,避免使用 localhost 或 127.0.0.1^[4][5]。

适用场景

  • Expo 项目出现 Connection timeout 或 Unable to connect 错误时^[1]。
  • React Native CLI 项目真机调试时,设备无法加载 JS Bundle^[4][5]。
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐