1

我正在构建一个 Vue 应用程序，并且我正在为商店使用 Snipcart，但我遇到了运输问题。

该站点还使用无头 CMS Prismic 构建。所有产品项目数据均从 Prismic 获取，并通过无服务器函数传递到 Snipcar 的 JSON 爬虫。必须以这种方式使用 Snipcart 的订单验证。

在添加基于产品重量的动态运输成本之前，这一切都很顺利。以前没有添加到项目按钮的权重，测试交易工作正常。现在添加了它，我在结帐时遇到了错误。

我的 Snipcart 按钮如下：

          <button
              class="snipcart-add-item p-0"
              :data-item-id="id"
              :data-item-price="price"
              data-item-url="https://my-url.com/.netlify/functions/prismic"
              :data-item-weight="weight"
              :data-item-description="basketDescription"
              :data-item-name="name"
              :data-item-image="image"
              data-item-custom1-name="Format"
              data-item-custom1-type="readonly"
              :data-item-custom1-value="format"
              :data-item-quantity="quantity"
             
            ><div class="cart-button">Add to Cart</div>
        </button>

我的 JSON 输出如下所示：

[
  {
    "name":"To Her Simplicity",
    "id":"YSTQBxAAACAAYkxx",
    "price":3,
    "url":"https://my-url.com/.netlify/functions/prismic", 
    "stock":7, 
    "weight":12
  },
  {
    "name":"These Strangers",
    "id":"YR0TkhAAACAAQP_B",
    "price":3,
    "url":"https://my-url.com/.netlify/functions/prismic",
    "stock":6,
    "weight":12
  }
]

及其返回的“产品抓取错误”，控制台给出“InvalidDimensions”错误的状态

如您所见，权重包含在 JSON 中，它对应于绑定到按钮的数据中的相同值。

可能是我没有在 JSON 文件中正确标记它吗？我真的不知道...

任何帮助表示赞赏！

4

1 回答 1

1

问题解决了。

JSON 应该已经被格式化为在尺寸范围内的权重：

[
  {
    "dimensions": {
       "weight":12
    }
  }
]
于 2021-09-30T21:01:09.513 回答