React native: TypeError: Network Request Failed

Question

when I try to run the code below in chrome console it works and I get alert in the browser but when I try to run the same code inside react native environment, I get an error instead: "TypeError: Network Request Failed".

makeRequest(){
    fetch('http://localhost:3000/')
    .then(response => response.json())
    .then(data => alert(data))
    .catch(e => alert(e));
}


render() {
     return(
         <View style = {styles.main}>
            {setTimeout(()=>this.makeRequest(),1000);}
         </View>
     )
}

Are you trying to make a request from your device?

Nicolas Takashi
– Nicolas Takashi

2018-06-06 16:09:23 +00:00
Commented Jun 6, 2018 at 16:09 — Nicolas Takashi
– Nicolas Takashi, Commented Jun 6, 2018 at 16:09
on the android emulator

Syed
– Syed

2018-06-06 16:09:54 +00:00
Commented Jun 6, 2018 at 16:09 — Syed
– Syed, Commented Jun 6, 2018 at 16:09
Looke that: github.com/facebook/react-native/issues/10404

Nicolas Takashi
– Nicolas Takashi

2018-06-06 16:14:54 +00:00
Commented Jun 6, 2018 at 16:14 — Nicolas Takashi
– Nicolas Takashi, Commented Jun 6, 2018 at 16:14
thanks man, it was problem with localhost

Syed
– Syed

2018-06-06 16:22:46 +00:00
Commented Jun 6, 2018 at 16:22 — Syed
– Syed, Commented Jun 6, 2018 at 16:22
you are welcome :D

Nicolas Takashi
– Nicolas Takashi

2018-06-06 16:24:36 +00:00
Commented Jun 6, 2018 at 16:24 — Nicolas Takashi
– Nicolas Takashi, Commented Jun 6, 2018 at 16:24

Saravana Kumar · Accepted Answer · 2019-01-03 11:28:59Z

1

Use 10.0.2.2 IP Address instead of localhost.

answered Jan 3, 2019 at 11:28

Saravana Kumar

3,4067 gold badges28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Akhila Antony · Accepted Answer · 2019-10-03 11:54:24Z

0

return fetch('http://<your ip>')
  .then((response) => response.json())
  .then((responseJson) => {
    console.log(responseJson);
  })
  .catch((error) => {
    console.error(error);
  });

answered Oct 3, 2019 at 11:54

Akhila Antony

315 bronze badges

Collectives™ on Stack Overflow

React native: TypeError: Network Request Failed

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related