Expo 本地开发指南
使用 Expo 在 localhost 调试 React Native 应用,Metro Bundler 默认 8081,Dev Tools 常用 19000。
Expo 是 React Native 开发平台,简化构建、调试与 OTA 更新。本地开发时 Metro Bundler 在 localhost 上提供 JS bundle,真机/模拟器通过局域网或 tunnel 连接。
快速开始
npx create-expo-app my-app
cd my-app
npx expo start终端会显示 QR 码与 Dev Server URL。
常见 localhost 端口
| 端口 | 用途 |
|---|---|
| 8081 | Metro Bundler(http://localhost:8081) |
| 19000 | Expo Dev Tools(旧版/部分配置) |
| 19006 | Web 预览(Expo for Web) |
以 expo start 输出为准。
调试方式
| 方式 | 说明 |
|---|---|
| Expo Go | 手机扫码,经 LAN 访问电脑 Metro |
| iOS Simulator | 按 i 打开 |
| Android Emulator | 按 a 打开 |
| Web | 按 w,浏览器打开本地 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。