nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Dropbox JavaScript SDK - ReferenceError: Dropbox is not defined (with angularJS 1.4)

chartbid

Hi,

I'm trying to use Dropbox Javascript SDK (version 2) in my angular 1.4 Application.

The installation of the package was OK but when I execute the function 'viewFile' I get an error ReferenceError: Dropbox is not defined in the 2nd line: var dbx = new Dropbox({ accessToken: ACCESS_TOKEN });

You can see the function:

function viewFile() {
            var SHARED_LINK = "/" + vm.selectedDoc.url;
            var dbx = new Dropbox({ accessToken: ACCESS_TOKEN });
            
            dbx.sharingGetSharedLinkFile({url: SHARED_LINK})
                .then(function(data) {
                    var downloadUrl = URL.createObjectURL(data.fileBlob);
                    var downloadButton = document.createElement('a');
                    downloadButton.setAttribute('href', downloadUrl);
                    downloadButton.setAttribute('download', data.name);
                    downloadButton.setAttribute('class', 'button');
                    downloadButton.innerText = 'Download: ' + data.name;
                    document.getElementById('results').appendChild(downloadButton);
                })
                .catch(function(error) {
                    console.error(error);
            });
            return false;
        }

Keep in mind that I don´t use TypeScript in the App

How Can I solve this error?

Thanks in advance.

Find more posts tagged with

API

Abuse

Comments

Greg-DB

How are you importing 'Dropbox'? Do you get any errors before the ReferenceError?

chartbid

Good morning Greg,

No, I don't get any error before the ReferenceError.

I've noticed that it's necessary to use

var Dropbox = require('dropbox');

before creating the Dropbox object.

In that case I think I have to install RequireJS module in my angularJS 1.4 app.

Is this the way that I'll fix the problem or is there any other easier solution?

Thanks in advance.

Greg-DB

Thanks for following up. I'm glad to hear you got this working. The JavaScript SDK wasn't built for Angular unfortunately, so I can't offer a more official/supported solution.

hamadafadil

Try:

var Dropbox = require('dropbox').Dropbox;