在构建第一个应用程序时在 shopify 中出现 Getting Hydration Failed 错误

Question

我正在学习如何编写 Shopify 应用程序代码。我想构建第一个应用程序，并开始遵循本教程：https://shopify.dev/apps/getting-started/create

我使用 npm init @Shopify/app@latest 创建第一个应用程序，然后使用 cd 移动到该目录。 irst-app\ 然后我使用 npm run dev App 看起来和 UI 一起工作正常但在控制台上我收到很多错误。这里有一些。

1. Hydration 失败，因为初始 UI 与服务器上呈现的内容不匹配。
2. 补水时出错。因为错误发生在 Suspense 边界之外，所以整个根将切换到客户端渲染。
3. vendors-node_modules_bugsnag_js_browser_notifier_js-node_modules_shopify_monorail_lib_monorai-fdaebc-b7c7bc61031d801d7cdf29f30133708999e0fe454a161247422ecc3e28c64ef8.js:2
4. 未捕获（承诺）错误：完成请求时出错。网络故障可能已阻止请求完成。错误：类型错误：获取失败

还有一些，我确实设置了 ngrok 隧道并且工作正常。

我可能会遗漏一些东西，任何帮助或指出我正确的方向都是值得的

尝试通过他们的文档在 Shopify 上构建我的第一个应用程序：https://shopify.dev/apps/getting-started/create

Answer 1

看起来 Shopify 团队对这些警告/错误有一个未解决的问题。他们已经确定错误来自浏览器扩展。在隐身窗口（没有扩展）中运行应用程序不会记录任何错误。