You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Clerk <PricingTable />组件无法渲染问题排查求助

自定义Web应用中Clerk定价表组件无法渲染的排查问题

我在自定义Web应用的开发及生产环境中,均无法渲染Clerk的Pricing Table组件。使用代码clerk.mountPricingTable(document.querySelector('#pricing-table'));(此时clerk对象已就绪并实例化),控制台无报错,但仅渲染空结构:

<div id="pricing-table" 
  class="cl-rootBox cl-pricingTable-root cl-internal-oizv3q" 
  data-component-status="awaiting-data">

  <div class="cl-pricingTable cl-internal-b8hinb" data-variant="default"></div>

</div>

该组件在已正常渲染的<UserButton />账户弹窗中也无法显示,疑似后端配置问题,但在accounts.mydomain.com/user/billing/plans的同款弹窗中可正常工作,说明生产后端配置无误。

已排查以下内容(覆盖开发与生产环境):

  • 已启用计费功能
  • 已启用套餐
  • 套餐已添加对应功能
  • 套餐及功能均设置为公开
  • 使用对应环境的正确密钥
  • Clerk管理后台无报错或未完成步骤

生产环境额外确认:自定义域名及DNS配置正确。已尝试禁用并重新启用计费、删除并重建功能、隔离代码运行等操作,仍未解决问题,请问还可能遗漏哪些排查点?

内容的提问来源于stack exchange,提问作者Clancy Hood

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.02 00:32:27