Child Item

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:

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

Find more posts tagged with

API

Abuse

Accepted answers

Greg-DB

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.

All comments

Greg-DB

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

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://......

Dropbox-sdk.min.js:1 POST https://api.dropboxapi.com/2/sharing/create_shared_link_with_settings 409

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

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);
        });

ER2480

Thank you so much for the suggestion. I tried it but it returns .."undefined".

Am I using the correct sdk version?

Greg-DB

From your script tag, you're using the latest version, which should work. (Though for reference, in a production app we recommend you import a specific version, since the SDK may occasionally receive major updates with breaking changes.)

I can't seem to reproduce the "undefined" issue you're seeing though. Would you be able to share a live sample page showing the issue?

ER2480

Yes, here is a temporary file on a beta site

https://cdfbeta.creativedecisions.net/_admin/testDropbox.php?

Greg-DB

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.