Blob Data error when fetching react-native

Question

I am using react native to make a chat-like app. Postman is working properly while doing all the requests I made possible in .NET core API, but when I am trying to fetch from react native it gives the following error:

"null is not an object (evaluating 'blob.data')"

I have tried to look into this issue in different articles but haven't found anything.

return new Promise((resolve, reject) => {
            fetch('https://localhost:44305/api/replies', {
                method: 'POST',
                headers: {
                    Accept: 'application/json',
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(qId)
            })
                .then(res => res.json())
                .then(result => resolve(result))
                .catch(err => reject(err))
        })

I am trying to get a list of answers to a question. Doing it from Postman works fine. I can't find a solution for this error.

I have tried adding return, just like somebody mentioned in a comment before fetch. The result is the same..

is your question about typescript or javascript? That' unclear to me. — H. Pauwelyn
– H. Pauwelyn, Commented May 18, 2019 at 16:01
When I try to use fetch, i get the error mentioned above, yet in postman it works just fine — Ballo Adam
– Ballo Adam, Commented May 18, 2019 at 16:03
Maby this can help you stackoverflow.com/questions/41103360/… — H. Pauwelyn
– H. Pauwelyn, Commented May 18, 2019 at 16:05

H. Pauwelyn · Accepted Answer · 2019-05-18 18:18:17Z

1

I thing your code must something like this:

return fetch(
   'https://localhost:44305/api/replies', {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(qId)
    }
  )
  .then(res => res.json())
  .then(result => console.log(result))
  .catch(err => console.log(err));

You don't need to create a new promise 'cause fetch does it already.

Note console.log is a void. That means if you continue with thening the null exception will occure again. To solve that use this code at the second then and catch callback method.

console.log(result);
return result;

edited May 18, 2019 at 18:18

answered May 18, 2019 at 17:37

H. Pauwelyn

14.4k28 gold badges93 silver badges164 bronze badges

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

4 Comments

Ballo Adam Over a year ago

The code was already in quotes, when I copied it here something must have happened to it. In the edited response I added an image to see the exact error

H. Pauwelyn Over a year ago

@BalloAdam: I was still resolving the promise you've created. I've removed it. I'm working on mobile and debugging is a lot more difficult.

Ballo Adam Over a year ago

it looks like something is up with the fetch, in postman, I get back an array of objects. Funny thing is, in the previous projects I have used the same exact syntax with promises and it worked just fine.

H. Pauwelyn Over a year ago

@BalloAdam: can we continue in chat? chat.stackoverflow.com/rooms/193564/…

Ballo Adam · Accepted Answer · 2019-06-06 07:11:00Z

0

Solved, the problem was that on my Virtual Device I did not have access to localhost, so what I did, is that I changed the IP adress from my Debugger options in the API to the local ip adress

answered Jun 6, 2019 at 7:11

Ballo Adam

1051 silver badge9 bronze badges

Collectives™ on Stack Overflow

Blob Data error when fetching react-native

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related