Expo 本地开发指南

使用 Expo 在 localhost 调试 React Native 应用,Metro Bundler 默认 8081,Dev Tools 常用 19000。


Expo 是 React Native 开发平台,简化构建、调试与 OTA 更新。本地开发时 Metro Bundlerlocalhost 上提供 JS bundle,真机/模拟器通过局域网或 tunnel 连接。

快速开始

npx create-expo-app my-app
cd my-app
npx expo start

终端会显示 QR 码与 Dev Server URL。

常见 localhost 端口

端口用途
8081Metro Bundler(http://localhost:8081
19000Expo Dev Tools(旧版/部分配置)
19006Web 预览(Expo for Web)

expo start 输出为准。

调试方式

方式说明
Expo Go手机扫码,经 LAN 访问电脑 Metro
iOS Simulatori 打开
Android Emulatora 打开
Webw,浏览器打开本地 Web 版

与后端 API 联调

模拟器访问宿主机 API:

  • Android 模拟器:http://10.0.2.2:3000(非 localhost)
  • iOS 模拟器:可用 http://localhost:3000
  • 真机:使用电脑局域网 IP,如 http://192.168.1.10:3000

常见问题

8081 被占用
npx expo start --port 8082 或结束旧 Metro 进程。

真机连不上
检查防火墙;尝试 expo start --tunnel(较慢但穿透 NAT)。

小结

Expo 本地核心是 Metro @ localhost:8081,配合模拟器或 Expo Go 调试 React Native;Web 预览另占端口如 19006。

访客计数:------ Best viewed in Netscape Navigator · 800×600 © LocalHost Run