Shopify Buy SDK — 添加行项目错误

Question

我正在使用 shopify buy SDK 创建自定义店面：

• 尝试添加订单项时出现错误
• 下面的示例代码都可以正常工作，除非它遇到“addLineItems”方法：我检查了参数，它们看起来没问题。

shopify.checkout.create().then((checkout) => {
  checkoutId = checkout.id
  console.log('checkout id: ' + checkoutId) // Works OK
})

shopify.product.fetchAll().then((products) => {
  lineItemsToAdd = [
    {variantId: products[0].variants[0].id, quantity: 1}
  ]
  console.log('line items to add: ' + lineItemsToAdd) // Works OK
})

shopify.checkout.addLineItems(checkoutId, lineItemsToAdd).then((checkout) => {
  console.log('checkout line items: ' + checkout.lineItems)
}) // Throws error

我得到的错误是：

index.js?7327:3705 Uncaught (in promise) TypeError: Cannot read property 'checkoutLineItemsAdd' of undefined
at eval (index.js?7327:3705)
at <anonymous>

Answer 1

这个问题正在发生，因为 Javascript 本质上是异步的。

您的所有调用同时执行，而不是结果。因为checkoutId, lineItemsToAdd 变量在addLineItems 执行时没有设置。

您需要使用 Promise 来创建序列。你可以阅读它here。带有承诺的代码示例：

<script>

const client = ShopifyBuy.buildClient({
  domain: '-----------------------',
  storefrontAccessToken: '--------'
});
var checkoutPromise = client.checkout.create()
var productPromise = client.product.fetchAll()


Promise.all([checkoutPromise,productPromise]).then(([checkout,products]) => 
{
    var lineItemsToAdd = [
        {variantId: products[0].variants[0].id, quantity: 1}
      ]
    var checkoutId = checkout.id

    console.log('checkout id: ' + checkoutId)       
    console.log('line items to add: ' + lineItemsToAdd)

    client.checkout.addLineItems(checkoutId, lineItemsToAdd).then((checkout) => {
        console.log('checkout line items: ' + checkout.lineItems)
    })
})
</script>

附：上面的代码是not supported in IE