Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

270
Views
Trouble setting up react native (Expo) webview for my reactjs: Cannot connect to the metro server

I have a web app for which I want to build a play store deployable app, a TWA. I have been trying to get Expo to work but I keep stumbling into one error or the other. Firstly, connection over lan or local seemed to only bring error, but tunnel works. After all the installation is done, I get the following error.

Tunnel ready.
Android Bundling complete 54929ms
Android Running app on S9

Cannot connect to the Metro server.

Try the following to fix the issue:
- Ensure that the Metro server is running and available on the same network
- Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
- If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:8081

I suspect that I need an external connection source since my computer's internet connection is provided by my phone. I've ran the adb reverse command and its still nothing. Nothing seems to be wrong with the code, it just wouldn't movie past this stage. I am using a Gionee S9 for the simulation, and I have been unable to find the debugger server in the developer options. What could be the problems with it

Here is my app.js code

import React from 'react';
import { StyleSheet} from 'react-native';
import {WebView} from 'react-native-webview'

export default function App() {
  
  return(
    <WebView 
      source={{ url: "https://bootlegga.com"}}
      style={styles}
    />
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!