callstack / callstack/super-app-showcase
HMR is not working with real physical Android/iOS device - DevServer Not Connected
- Dominant language
- TypeScript
- Stars
- 637
- Forks
- 131
- PR merge metrics
- No merged PRs in 30d
Description
We are encountering the following issue after installing the app on a physical Android device:
- HMR (Hot Module Replacement) is not working.
- Changes are reflected only after manually killing and reopening the app.
However, when the app is installed on an emulator/simulator, HMR works as expected.
**Note:**
The DevTools console displays the following warning:
`Disconnected from the Dev Server: failed to connect to /10.0.2.2 (port 8081) from /192.168.X.X (port 49638) after 10000ms`
Configurations:
- "react-native": "0.79.3"
- "@callstack/repack": "5.1.2"
We've also tried ensuring both the physical device and the development machine are on the same Wi-Fi network, and attempted connecting via localhost:8081, but the issue persists.
Could you please advise how we can resolve this issue for the physical device?
cc: @jbroma
Contributor guide
Research direction
No files or tests are named; start with the reported Dev Server warning and the React Native/Re.Pack development-server configuration for physical devices. Reproduce on a real Android or iOS device, compare it with the emulator or simulator setup, and consider the issue done when HMR reconnects and reflects changes without restarting the app.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- mobile-dev, networking
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 42/100