JavaScript fetch – Failed to execute ‘json’ on ‘Response’: body stream is locked

by

I met this error too but found out it is not related to the state of Response, the real problem is that you only can consume Response.json() once, if you are consuming it more than once, the error will happen.

like below:

    fetch('http://localhost:3000/movies').then(response =>{
    console.log(response);
    if(response.ok){
         console.log(response.json()); //first consume it in console.log
        return response.json(); //then consume it again, the error happens

    }

So the solution is to avoid consuming Response.json() more than once in then block.

More Related Contents:

  1. No ‘Access-Control-Allow-Origin’ header is present on the requested resource—when trying to get data from a REST API
  2. Why does .json() return a promise?
  3. How do I cancel an HTTP fetch() request?
  4. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  5. Fetch request to local file not working
  6. How do I POST a x-www-form-urlencoded request using Fetch?
  7. Fetch API request timeout?
  8. Setting query string using Fetch GET request
  9. Upload progress indicators for fetch?
  10. fetch: Reject promise with JSON error object
  11. Getting “TypeError: Failed to fetch” when the request hasn’t actually failed
  12. try..catch not catching async/await errors
  13. Using an authorization header with Fetch in React Native
  14. Returning HTML With fetch()
  15. fetch – Missing boundary in multipart/form-data POST
  16. Fetch API vs XMLHttpRequest
  17. Retrieve data from a ReadableStream object?
  18. What causes a Failed to execute ‘fetch’ on ‘ServiceWorkerGlobalScope’: ‘only-if-cached’ can be set only with ‘same-origin’ mode error?
  19. fetch gives an empty response body
  20. How to use FormData in react-native?
  21. Using JavaScript Axios/Fetch. Can you disable browser cache?
  22. redux fetch body is not use with no cors mode
  23. How to handle HTTP code 4xx responses in fetch api
  24. Basic authentication with fetch?
  25. How to fetch XML with fetch api
  26. React cannot read property map of undefined
  27. Why does Fetch API Send the first PUT request as OPTIONS
  28. How to make javascript fetch synchronous?
  29. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  30. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response

Leave a Comment