React Native Android device throws error for Fetch while uploading a json file : TypeError: Network request failedAndroid error: Failed to install *.apk on device *: timeoutReact Native android build failed. SDK location not foundReact Native Post Request via Fetch throws Network Request FailedReact Native fetch() Network Request Failedreact-native android Could not retrieve file for contentUri http://192.168.108.18:8180/app/upload/storag/app_head/201610131627080535.jpgRedirect url is not working in fetch APIReact Native fetch TypeError: Network request failedNetwork request failed React native fetch (Android)React native TypeError: Network request failed with fetch()React native fetch request failed

Why did the Mercure fail?

What should you do if you miss a job interview (deliberately)?

Where does the bonus feat in the cleric starting package come from?

What if a revenant (monster) gains fire resistance?

How to explain what's wrong with this application of the chain rule?

"Spoil" vs "Ruin"

Biological Blimps: Propulsion

GraphicsGrid with a Label for each Column and Row

Removing files under particular conditions (number of files, file age)

What does routing an IP address mean?

How could a planet have erratic days?

Can I sign legal documents with a smiley face?

What does chmod -u do?

The screen of my macbook suddenly broken down how can I do to recover

Is there a name for this algorithm to calculate the concentration of a mixture of two solutions containing the same solute?

Delivering sarcasm

Why is so much work done on numerical verification of the Riemann Hypothesis?

How to indicate a cut out for a product window

Pre-mixing cryogenic fuels and using only one fuel tank

Is there a working SACD iso player for Ubuntu?

How much character growth crosses the line into breaking the character

Store Credit Card Information in Password Manager?

Has any country ever had 2 former presidents in jail simultaneously?

What should you do when eye contact makes your subordinate uncomfortable?



React Native Android device throws error for Fetch while uploading a json file : TypeError: Network request failed


Android error: Failed to install *.apk on device *: timeoutReact Native android build failed. SDK location not foundReact Native Post Request via Fetch throws Network Request FailedReact Native fetch() Network Request Failedreact-native android Could not retrieve file for contentUri http://192.168.108.18:8180/app/upload/storag/app_head/201610131627080535.jpgRedirect url is not working in fetch APIReact Native fetch TypeError: Network request failedNetwork request failed React native fetch (Android)React native TypeError: Network request failed with fetch()React native fetch request failed













0















I have written code to call Fetch method to Post Json file to IPFS .
I am writing the JSON file locally which succeds , but later when i call the POST method using FORMDATA to write json file to IPFS it fails.
Same code works fine on iOS . Not sure what is the issue with Android.



Also tried using IP of the server , using xmlhttprequest , different options for setting cors/no-cors etc but still getting the same error .



I am using Android version 8.0, Reactnative version 0.57 and "react-native-fs": "^2.13.3".
Can somebody suggest an alternate way to make network calls.Cant use native code as this code is in JS library.Kindly provide your valuable feedback.
Below is the code snippet :



justcall(valueToWrite)
var path = RNFS.DocumentDirectoryPath + '/writeddo.json';
//var path = RNFS.LibraryDirectoryPath + '/writeddo.json';
console.log("path",path);
return new Promise((resolve, reject) =>
// write the file
RNFS.writeFile(path, valueToWrite,'utf8')
.then((success) =>
console.log('FILE WRITTEN!');
let formdata = new FormData();
formdata.append('file',
uri: path,
name: 'writeddo.json',
type: 'multipart/form-data'
);
console.log("formdata",formdata);
console.log("IPFSADD Url",IPFSADD);

fetch(IPFSADD,
method: 'POST',
headers:
// 'Accept': 'application/json',
'Content-Type': 'multipart/form-data',
,
//mode: "no-cors", //, cors, *same-origin
body: formdata
)
// .then((serviceResponse) => return serviceResponse.json() )
.then((serviceResponse) =>
console.log("Justcall response", serviceResponse);
return this.deleteJsonFile(path).then(() =>
resolve(serviceResponse)
)
.catch((error) =>
console.error("Error while deleting the file error:", error)
reject(new Error(error))
)
)
.catch((error) =>
console.error("fetch error:", error)
reject(new Error(error))
)

) // Write File
.catch((err) =>
console.log("Error while writing file locally" +err.toString());
reject(new Error(err))
);
) //Promise




fetch error: TypeError: Network request failed
at XMLHttpRequest.xhr.onerror (whatwg-fetch.js:504)
at XMLHttpRequest.dispatchEvent (event-target.js:172)
at XMLHttpRequest.setReadyState (XMLHttpRequest.js:580)
at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:394)
at XMLHttpRequest.js:507
at RCTDeviceEventEmitter.emit (EventEmitter.js:190)
at MessageQueue.__callFunction (MessageQueue.js:349)
at MessageQueue.js:106
at MessageQueue.__guard (MessageQueue.js:297)
at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105)









share|improve this question


























    0















    I have written code to call Fetch method to Post Json file to IPFS .
    I am writing the JSON file locally which succeds , but later when i call the POST method using FORMDATA to write json file to IPFS it fails.
    Same code works fine on iOS . Not sure what is the issue with Android.



    Also tried using IP of the server , using xmlhttprequest , different options for setting cors/no-cors etc but still getting the same error .



    I am using Android version 8.0, Reactnative version 0.57 and "react-native-fs": "^2.13.3".
    Can somebody suggest an alternate way to make network calls.Cant use native code as this code is in JS library.Kindly provide your valuable feedback.
    Below is the code snippet :



    justcall(valueToWrite)
    var path = RNFS.DocumentDirectoryPath + '/writeddo.json';
    //var path = RNFS.LibraryDirectoryPath + '/writeddo.json';
    console.log("path",path);
    return new Promise((resolve, reject) =>
    // write the file
    RNFS.writeFile(path, valueToWrite,'utf8')
    .then((success) =>
    console.log('FILE WRITTEN!');
    let formdata = new FormData();
    formdata.append('file',
    uri: path,
    name: 'writeddo.json',
    type: 'multipart/form-data'
    );
    console.log("formdata",formdata);
    console.log("IPFSADD Url",IPFSADD);

    fetch(IPFSADD,
    method: 'POST',
    headers:
    // 'Accept': 'application/json',
    'Content-Type': 'multipart/form-data',
    ,
    //mode: "no-cors", //, cors, *same-origin
    body: formdata
    )
    // .then((serviceResponse) => return serviceResponse.json() )
    .then((serviceResponse) =>
    console.log("Justcall response", serviceResponse);
    return this.deleteJsonFile(path).then(() =>
    resolve(serviceResponse)
    )
    .catch((error) =>
    console.error("Error while deleting the file error:", error)
    reject(new Error(error))
    )
    )
    .catch((error) =>
    console.error("fetch error:", error)
    reject(new Error(error))
    )

    ) // Write File
    .catch((err) =>
    console.log("Error while writing file locally" +err.toString());
    reject(new Error(err))
    );
    ) //Promise




    fetch error: TypeError: Network request failed
    at XMLHttpRequest.xhr.onerror (whatwg-fetch.js:504)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:580)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:394)
    at XMLHttpRequest.js:507
    at RCTDeviceEventEmitter.emit (EventEmitter.js:190)
    at MessageQueue.__callFunction (MessageQueue.js:349)
    at MessageQueue.js:106
    at MessageQueue.__guard (MessageQueue.js:297)
    at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105)









    share|improve this question
























      0












      0








      0








      I have written code to call Fetch method to Post Json file to IPFS .
      I am writing the JSON file locally which succeds , but later when i call the POST method using FORMDATA to write json file to IPFS it fails.
      Same code works fine on iOS . Not sure what is the issue with Android.



      Also tried using IP of the server , using xmlhttprequest , different options for setting cors/no-cors etc but still getting the same error .



      I am using Android version 8.0, Reactnative version 0.57 and "react-native-fs": "^2.13.3".
      Can somebody suggest an alternate way to make network calls.Cant use native code as this code is in JS library.Kindly provide your valuable feedback.
      Below is the code snippet :



      justcall(valueToWrite)
      var path = RNFS.DocumentDirectoryPath + '/writeddo.json';
      //var path = RNFS.LibraryDirectoryPath + '/writeddo.json';
      console.log("path",path);
      return new Promise((resolve, reject) =>
      // write the file
      RNFS.writeFile(path, valueToWrite,'utf8')
      .then((success) =>
      console.log('FILE WRITTEN!');
      let formdata = new FormData();
      formdata.append('file',
      uri: path,
      name: 'writeddo.json',
      type: 'multipart/form-data'
      );
      console.log("formdata",formdata);
      console.log("IPFSADD Url",IPFSADD);

      fetch(IPFSADD,
      method: 'POST',
      headers:
      // 'Accept': 'application/json',
      'Content-Type': 'multipart/form-data',
      ,
      //mode: "no-cors", //, cors, *same-origin
      body: formdata
      )
      // .then((serviceResponse) => return serviceResponse.json() )
      .then((serviceResponse) =>
      console.log("Justcall response", serviceResponse);
      return this.deleteJsonFile(path).then(() =>
      resolve(serviceResponse)
      )
      .catch((error) =>
      console.error("Error while deleting the file error:", error)
      reject(new Error(error))
      )
      )
      .catch((error) =>
      console.error("fetch error:", error)
      reject(new Error(error))
      )

      ) // Write File
      .catch((err) =>
      console.log("Error while writing file locally" +err.toString());
      reject(new Error(err))
      );
      ) //Promise




      fetch error: TypeError: Network request failed
      at XMLHttpRequest.xhr.onerror (whatwg-fetch.js:504)
      at XMLHttpRequest.dispatchEvent (event-target.js:172)
      at XMLHttpRequest.setReadyState (XMLHttpRequest.js:580)
      at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:394)
      at XMLHttpRequest.js:507
      at RCTDeviceEventEmitter.emit (EventEmitter.js:190)
      at MessageQueue.__callFunction (MessageQueue.js:349)
      at MessageQueue.js:106
      at MessageQueue.__guard (MessageQueue.js:297)
      at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105)









      share|improve this question














      I have written code to call Fetch method to Post Json file to IPFS .
      I am writing the JSON file locally which succeds , but later when i call the POST method using FORMDATA to write json file to IPFS it fails.
      Same code works fine on iOS . Not sure what is the issue with Android.



      Also tried using IP of the server , using xmlhttprequest , different options for setting cors/no-cors etc but still getting the same error .



      I am using Android version 8.0, Reactnative version 0.57 and "react-native-fs": "^2.13.3".
      Can somebody suggest an alternate way to make network calls.Cant use native code as this code is in JS library.Kindly provide your valuable feedback.
      Below is the code snippet :



      justcall(valueToWrite)
      var path = RNFS.DocumentDirectoryPath + '/writeddo.json';
      //var path = RNFS.LibraryDirectoryPath + '/writeddo.json';
      console.log("path",path);
      return new Promise((resolve, reject) =>
      // write the file
      RNFS.writeFile(path, valueToWrite,'utf8')
      .then((success) =>
      console.log('FILE WRITTEN!');
      let formdata = new FormData();
      formdata.append('file',
      uri: path,
      name: 'writeddo.json',
      type: 'multipart/form-data'
      );
      console.log("formdata",formdata);
      console.log("IPFSADD Url",IPFSADD);

      fetch(IPFSADD,
      method: 'POST',
      headers:
      // 'Accept': 'application/json',
      'Content-Type': 'multipart/form-data',
      ,
      //mode: "no-cors", //, cors, *same-origin
      body: formdata
      )
      // .then((serviceResponse) => return serviceResponse.json() )
      .then((serviceResponse) =>
      console.log("Justcall response", serviceResponse);
      return this.deleteJsonFile(path).then(() =>
      resolve(serviceResponse)
      )
      .catch((error) =>
      console.error("Error while deleting the file error:", error)
      reject(new Error(error))
      )
      )
      .catch((error) =>
      console.error("fetch error:", error)
      reject(new Error(error))
      )

      ) // Write File
      .catch((err) =>
      console.log("Error while writing file locally" +err.toString());
      reject(new Error(err))
      );
      ) //Promise




      fetch error: TypeError: Network request failed
      at XMLHttpRequest.xhr.onerror (whatwg-fetch.js:504)
      at XMLHttpRequest.dispatchEvent (event-target.js:172)
      at XMLHttpRequest.setReadyState (XMLHttpRequest.js:580)
      at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:394)
      at XMLHttpRequest.js:507
      at RCTDeviceEventEmitter.emit (EventEmitter.js:190)
      at MessageQueue.__callFunction (MessageQueue.js:349)
      at MessageQueue.js:106
      at MessageQueue.__guard (MessageQueue.js:297)
      at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105)






      android react-native fetch






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 7 at 7:36









      PawanPawan

      32




      32






















          0






          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038396%2freact-native-android-device-throws-error-for-fetch-while-uploading-a-json-file%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038396%2freact-native-android-device-throws-error-for-fetch-while-uploading-a-json-file%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          1928 у кіно

          Захаров Федір Захарович

          Ель Греко