Braintree PayPal checkout component throwing "e.client.getVersion is not a function"

Question

I'm struggling to understand what I'm doing wrong here:

 braintree.client.create({
     authorization: res.clientToken // this is the token, I know it is correct
 }, (err, client) => {
    if (err) { ... }
    braintree.paypalCheckout.create({ client }, (err, paypalInstance) => {
        if (...) { ... }
    })
 });

When calling braintree.paypalCheckout.create, an error is called synchronously:

Uncaught TypeError: e.client.getVersion is not a function

Indeed, the client object doesn't have such a method. I followed the code from this page and this page (pretty much the same thing).

How to fix the problem? The PayPal Checkout component is loaded and appended to the braintree object.

score 3 · Accepted Answer · answered Jul 07 '17 at 20:15

3

_{Full disclosure: I work at Braintree. If you have any further questions, feel free to contact support.}

getVersion is a method of the client class as of version 3.16.0 of braintree-web. Update the version of braintree-web you're using to 3.16.0+.

answered Jul 07 '17 at 20:15

Shea

886
6
12

Yes, I think I was using `3.9.x`. Thank you! – Ionică Bizău Jul 08 '17 at 18:46
5

I'm getting e.getVersion is not a function on using data-collector.min.js using version 3.25.0. Is this related? – otherDewi Nov 13 '17 at 14:59
2

I am using version 3.31.0, and i am getting the same error? – Yitzchok Glancz Mar 21 '18 at 20:32
2 and a half years later and I'm getting the same error with 3.65.0 using the Dropin UI – phuzi Sep 21 '20 at 10:23

score 2 · Answer 2 · answered Nov 29 '18 at 23:45

I ran into this when trying to use vaultManager in conjunction with dropIn.

Now I'm not actually planning on continuing with that - I'm just playing. Looks like I'm going to have to go fully custom - hence why I wanted to start playing with vaultManager.

Anyway I had this :

 braintree.dropin.create({....}, (err, instance) => {

       braintree.vaultManager.create({ client: instance }, (e, vmInstance) =>
       {
           vmInstance.fetchPaymentMethods((err, paymentMethods) => {

              alert(JSON.stringify(paymentMethods)); 
           });
       });
 });

Turns out instance is NOT a Client object. It is a Dropin object ;-) It creates its own client stored on _client private property.

I needed instead to do braintree.client.create(...) to get a true Client object.

I actually cheated and did this - just for the time being:

 braintree.vaultManager.create({ client: instance._client },

Like I said I don't recommend using both DropIn and Vault together, it kind of defeats the point of both.

Braintree PayPal checkout component throwing "e.client.getVersion is not a function"

2 Answers2

Linked