WordPress WooCommerce购物车故障求助：区块代码异常显示

调试Rank Math SEO插件后，WooCommerce购物车功能异常，页面直接输出Gutenberg块的代码结构而非正常渲染的购物车界面。已停用多数插件排查，但未找到故障根源，当前购物车页面显示内容如下：

wp:woocommerce/cart-items-block
wp:woocommerce/cart-line-items-block
/wp:woocommerce/cart-line-items-block wp:woocommerce/cart-cross-sells-block
wp:heading {"fontSize":"large"}
You may be interested in…
/wp:heading wp:woocommerce/cart-cross-sells-products-block
/wp:woocommerce/cart-cross-sells-products-block
/wp:woocommerce/cart-cross-sells-block
/wp:woocommerce/cart-items-block wp:woocommerce/cart-totals-block
wp:woocommerce/cart-order-summary-block
wp:woocommerce/cart-order-summary-heading-block
/wp:woocommerce/cart-order-summary-heading-block wp:woocommerce/cart-order-summary-coupon-form-block
/wp:woocommerce/cart-order-summary-coupon-form-block wp:woocommerce/cart-order-summary-subtotal-block
/wp:woocommerce/cart-order-summary-subtotal-block wp:woocommerce/cart-order-summary-fee-block
/wp:woocommerce/cart-order-summary-fee-block wp:woocommerce/cart-order-summary-discount-block
/wp:woocommerce/cart-order-summary-discount-block wp:woocommerce/cart-order-summary-shipping-block
/wp:woocommerce/cart-order-summary-shipping-block wp:woocommerce/cart-order-summary-taxes-block
/wp:woocommerce/cart-order-summary-taxes-block
/wp:woocommerce/cart-order-summary-block wp:woocommerce/cart-express-payment-block
/wp:woocommerce/cart-express-payment-block wp:woocommerce/proceed-to-checkout-block
/wp:woocommerce/proceed-to-checkout-block wp:woocommerce/cart-accepted-payment-methods-block
/wp:woocommerce/cart-accepted-payment-methods-block
/wp:woocommerce/cart-totals-block
wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"}
Your cart is currently empty!
/wp:heading wp:separator {"className":"is-style-dots"}
/wp:separator wp:heading {"textAlign":"center"}
New in store
/wp:heading wp:woocommerce/product-new {"columns":4,"rows":1}

1. 检查Rank Math配置 #

• 进入Rank Math后台，打开Titles & Meta -> Cart页面，确认是否误启用了干扰Gutenberg块渲染的选项，比如“禁用块内容解析”类设置。
• 重置Rank Math到默认配置，排除自定义设置导致的冲突。

2. 验证主题兼容性 #

• 切换到WordPress默认主题（如Twenty Twenty-Four），测试购物车页面是否正常渲染。若恢复正常，说明当前主题缺少WooCommerce块支持，可在主题functions.php中添加以下代码：

add_theme_support( 'woocommerce' );
add_theme_support( 'wc-blocks' );

• 若切换主题后仍异常，联系主题开发者排查块渲染逻辑问题。

3. 深度排查插件冲突 #

• 仅保留WooCommerce和Rank Math，逐步启用其他插件，每次启用后测试购物车页面，定位冲突插件。
• 清空所有缓存（页面缓存、浏览器缓存），缓存可能导致块代码未被正确解析渲染。

4. 修复购物车页面内容 #

• 进入购物车页面编辑器，切换到代码模式，检查是否存在块代码被直接粘贴而非通过块编辑器添加的情况。重新用块编辑器添加WooCommerce购物车相关块，替换现有内容。
• 若页面无法正常编辑，删除当前购物车页面，新建页面并添加[woocommerce_cart]短代码（经典模式），测试是否正常显示。

5. 版本兼容性检查 #

• 确保WordPress、WooCommerce、Rank Math均为最新版本，旧版本可能存在已知的块渲染兼容性问题，更新后再测试。

内容的提问来源于stack exchange，提问作者Tevz