checkout ui extension问题

Topic summary

主要问题:Checkout UI Extension 显示异常

开发者在实现 checkout UI extension 时遇到环境差异问题:

  • 在正式商店中,index.js 创建的测试内容可以正常显示
  • 但在合作伙伴的测试商店中,相同内容无法显示
  • 使用 npm run dev --checkout-cart-url 命令测试时也无法显示预期内容

相关技术问题:

另一位用户报告了启动错误:

  • Checkout UI extension 应用启动时出现网络连接错误
  • 错误信息显示无法连接到 Shopify GraphQL API endpoint
  • 具体错误:“Client network socket disconnected” 在 TLS 连接建立前发生

当前状态: 讨论中包含了截图说明问题,但尚未有解决方案或进一步的诊断建议。两个问题都涉及 checkout UI extension 的部署和运行环境配置。

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

我在index.js文件中创建了测试内容展示,奇怪的是在我的正式商店安装后可以正常的出现内容,可是在合作者伙伴的测试商店打开后,无法显示预期的内容,我使用npm run dev – --checkout-cart-url cart/{product_variant_id}:{quantity}命令打开后也是无法出现对应的内容。

在测试商店是否预览也已经启用

请问有遇到过checkout ui extension应用启动就报错的问题吗?

Unknown error connecting to your store anywherex.myshopify.com: request to https://anywherex.myshopify.com/admin/api/unstable/graphql.json failed, reason: Client network │
│ socket disconnected before secure TLS connection was established │
│ │
│ To investigate the issue, examine this stack trace: │
│ at fetchApiVersions (Users/charle/.nvm/versions/node/v20.10.0/lib/node_modules/@shopify/cli/dist/index.js:147624) │
│ at processTicksAndRejections (node:internal/process/task_queues:95)