Storefront that uses checkout.liquid when issuing checkoutUrl is not supported, I get a message to upgrade to Checkout Extensibility #156
Description
What area is the issue related to?
Checkout Sheet Kit
What platform does the issue affect?
All platforms
What version of @shopify/checkout-sheet-kit are you using?
3.2.0
Do you have reproducible example code?
const handleCheckout = async () => {
if (totalQuantity < 0) {
alert("カートに商品がありません");
return;
}
try {
const res = await createCheckoutAsync({
lineItems: lines.map((edge) => ({
variantId: edge.node.merchandise.id,
quantity: edge.node.quantity,
})),
email,
});
const checkoutUrl = res.checkoutCreate?.checkout?.webUrl;
if (!checkoutUrl) {
alert("checkoutUrl is not found");
return;
}
const closeListener = shopifyCheckout.addEventListener("close", () => {
console.log("Checkout closed");
});
const completedListener = shopifyCheckout.addEventListener(
"completed",
() => {
console.log("Checkout completed");
trackEvent("cart_go_checkout");
},
);
const errorListener = shopifyCheckout.addEventListener(
"error",
(error) => {
console.error("Checkout error:", error);
},
);
await shopifyCheckout.preload(checkoutUrl);
await shopifyCheckout.present(checkoutUrl);
return () => {
closeListener?.remove();
completedListener?.remove();
errorListener?.remove();
};
} catch (error) {
console.error("Checkout error:", error);
alert(`Checkout Error: ${(error as Error).message}`);
}
};
Steps to Reproduce
I have made changes to checkout.liquid on the Shopify admin page.
The following error occurs when checkout present is executed after checkout preload. (NOBRIDGE) ERROR [Checkout] Error: {“code”: “checkout_liquid_not_migrated”, “message”: “Storefronts using checkout.liquid are not supported. Please upgrade to Checkout Extensibility.”, ‘name’: ‘ConfigurationError’, ‘recoverable’: false}
Expected Behavior
Transition to checkout screen
Actual Behavior
The following error occurs when checkout present is executed after checkout preload. (NOBRIDGE) ERROR [Checkout] Error: {“code”: “checkout_liquid_not_migrated”, “message”: “Storefronts using checkout.liquid are not supported. Please upgrade to Checkout Extensibility.”, ‘name’: ‘ConfigurationError’, ‘recoverable’: false}
Storefront domain
(NOBRIDGE) ERROR [Checkout] Error: {“code”: “checkout_liquid_not_migrated”, “message”: “Storefronts using checkout.liquid are not supported. Please upgrade to Checkout Extensibility.”, ‘name’: ‘ConfigurationError’, ‘recoverable’: false}
Screenshots/Videos/Log output
I have made changes to checkout.liquid on the Shopify admin page.
