You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.

Forum Discussion

ER2480's avatar
ER2480
Explorer | Level 4
4 years ago

NetworkError when attempting to fetch resource when trying to share file using javascript sdk

Hi,

I am very new to the Dropbox SDK, I am trying to programmatically create a link for sharing a file and getting the above error:

NetworkError when attempting to fetch resource when trying to share file using javascript sdk

I am using the following code:

var dbx = new Dropbox.Dropbox({ accessToken: ACCESS_TOKEN });
dbx.sharingCreateSharedLinkWithSettings({path: '/Filename.doc'})
.then(function(response) {
console.log(response);
})
.catch(function(error) {
console.log(error);
});

and in the same page I have a file uploaded that works fine. Any ideas?

Thank you

API
  • Greg-DB's avatar
    Greg-DB
    4 years ago

    Thanks! It looks like the issue here is that when you click "Share File", that causes the page itself to reload (since you're submitting a form), which interrupts the Dropbox API call. 

     

    You should update or restructure your page to avoid that reload. That's not really related to the Dropbox API itself, but it looks like this StackOverflow post may be relevant.

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Staff rankDropbox Staff
    4 years ago

    This code looks correct and works for me. I'll be happy to help with this however possible, but I could use some more information:

     

    • Is that the full error output you receive? Please share any other output. 
    • What version of the SDK are you using?
    • How are you importing the SDK?
    • What environment are you running this in? (Browser or node, and what version, for instance.)
    • Is there anything on your network connection that may be interfering with connections to api.dropboxapi.com?
    • ER2480's avatar
      ER2480
      Explorer | Level 4
      4 years ago

      Hi, here are some more details about the error:

      • Is that the full error output you receive? Please share any other output. 
      TypeError: Failed to fetch
      Dropbox-sdk.min.js:1 Fetch failed loading: POST "https://api.dropboxapi.com/2/sharing/create_shared_link_with_settings".
        (anonymous) @ Dropbox-sdk.min.js:1   Promise.then (async)       value @ Dropbox-sdk.min.js:1   value @ Dropbox-sdk.min.js:1   h.sharingCreateSharedLinkWithSettings @ Dropbox-sdk.min.js:1   shareFile @ testDropbox.php:155   onsubmit @ testDropbox.php:36
      Navigated to http://......
      testDropbox.php:160 DropboxResponseError: Response failed with a 409 code at https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js:1:30363
      Dropbox-sdk.min.js:1 Fetch failed loading: POST "https://api.dropboxapi.com/2/sharing/create_shared_link_with_settings".
      Navigated to http://..........
       
      • What version of the SDK are you using?
      • How are you importing the SDK?
       
       
      • What environment are you running this in? (Browser or node, and what version, for instance.)
      • Firefox/Chrome/Safari similar errors everywhere --> local website  using php and javascript
      • Is there anything on your network connection that may be interfering with connections to api.dropboxapi.com?

      I don't think so because I successfully implemented the file upload using js and the file browser for the same account and using the same token so the connection should be fine.

       

       
       
       
       
      ​
       
       
      • Greg-DB's avatar
        Greg-DB
        Icon for Dropbox Staff rankDropbox Staff
        4 years ago

        Thanks! That's helpful. From this output, I see you are getting an API error (with a 409 status code).

         

        You can print out the API error object like to see the endpoint-specific error:

                .catch(function(error) {
            console.log(error.error);
        });

         

About Dropbox API Support & Feedback

Node avatar for Dropbox API Support & Feedback

Find help with the Dropbox API from other developers.

5,889 PostsLatest Activity: 2 hours ago
327 Following

If you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X or Facebook.

For more info on available support options for your Dropbox plan, see this article.

If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!