JavaScript Issue

發表於 分類於 Disqus：
文章字數： 1.5k 所需閱讀時間 ≈ 1 分鐘

Braintree

TypeError: braintree.connect is not a function

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 修正前 connect()
const gateway = braintree.connect({
  environment: braintree.Environment.Sandbox,
  merchantId: process.env.BRAINTREE_MERCHANT_ID,
  publicKey: process.env.BRAINTREE_PUBLIC_KEY,
  privateKey: process.env.BRAINTREE_PRIVATE_KEY,
});

// 修正後 BraintreeGateway()
const gateway = new braintree.BraintreeGateway({
  environment: braintree.Environment.Sandbox,
  merchantId: process.env.BRAINTREE_MERCHANT_ID,
  publicKey: process.env.BRAINTREE_PUBLIC_KEY,
  privateKey: process.env.BRAINTREE_PRIVATE_KEY,
});

A linked PayPal Sandbox account is required to use…ls on linking your PayPal sandbox with Braintree.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// flow: "vault", 設錯
function showDropIn() {
  return (
    <div onBlur={() => setData({ ...data, error: "" })}>
      {data.clientToken != null && products.length > 0 ? (
        <DropIn
          options={{
            authorization: data.clientToken,
            // ad paypal option
            paypal: {
              flow: "vault",
            },
          }}
          onInstance={(instance) => (data.instance = instance)}
          />
        ) : null}
      <button onClick={handleBuy} className="btn btn-success btn-block">
        Pay
      </button>
    </div>
  );
}

add payapl chrome developer tools show [Violation]

  • [Violation] Added synchronous DOM mutation listener to a ‘DOMNodeInserted’ event. Consider using MutationObserver to make the page more responsive.
    –> 因 chrome versbose enabel, chrome 給的建議, don’t care,設定 versbose disable 即可