Cut the Clutter: Test Ignore Files Feature - sign up to become a beta tester here!
Forum Discussion
Solved
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
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.
7 Replies
- Greg-DB
Dropbox Community Moderator
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?
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 fetchDropbox-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:36Navigated to http://......Dropbox-sdk.min.js:1 POST https://api.dropboxapi.com/2/sharing/create_shared_link_with_settings 409testDropbox.php:160 DropboxResponseError: Response failed with a 409 code at https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js:1:30363Dropbox-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?
- 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); }); 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?
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.
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
