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
相关产品推荐
相关产品推荐

