Shopify 主题上的无限加载按钮

Question

今天，当我尝试将商品放入购物车时，Shopify 主题出现问题。按钮是无限加载。我在控制台中有一个 JS 错误，我怀疑这是从这里来的：

TypeError: Cannot read property 'classList' of null
    at Product._setCartCountBubble (theme.js?v=14877781539576074710:8609)
    at theme.js?v=14877781539576074710:8434

文件的第8609行是：

this.cartCountBubble.classList.remove(this.classes.hidden);

没错，对象中的 cartCountBubble 为空：

cartCountBubble: null

除了这里我不知道它可能来自哪里，我无法将所有代码重新组合在一起以理解....

Answer 1

我有这个问题。这确实是我在 header...

中犯的一个错误

<div style="display: none;" id="CartCount" class="site-header__cart-count{% if cart.item_count == 0 %} hide{% endif %} critical-hidden" data-cart-count-bubble>
     <span data-cart-count>{{ cart.item_count }}</span>
     <span class="icon__fallback-text medium-up--hide">
           {{ 'layout.cart.items_count' | t: count: cart.item_count }}
     </span>
</div>

我曾经去掉卡片图标的计数气泡...这是我问题的根源

Shopify 主题上的无限加载按钮

Infinite loading button on Shopify theme

javascript

liquid

shopify