React 应用程序在部署到 Google Apps 脚本时不断调整大小

Question

我正在使用以下技术堆栈构建一个 React 应用程序：

• Vite（前端捆绑）
• Rollup（后端捆绑）
• 反应
• TypeScript
• 顺风CSS
• shadcn（组件库）

该应用程序在我本地的开发环境中完美运行。但是，当我将其作为网络应用程序部署到 Google Apps 脚本 (GAS) 时，页面内容开始在整个网站上不断调整大小。此行为会导致滚动条反复出现和消失，如以下短片所示：

环境详情：

• 部署：通过 Google Apps 脚本托管。
• 行为：加载任何页面时都会发生调整大小和滚动条闪烁，即使使用模拟或实时数据也是如此。

问题：

1. 有人在将 React 应用程序部署到 Google Apps 脚本时遇到过类似的问题吗？
2. 将应用程序部署到 GAS 是否有任何可能影响布局或 iframe 行为的已知限制或最佳实践？
3. Tailwind、shadcn 或我的堆栈中的任何特定库是否会与 GAS 的 iframe 处理发生冲突？

我正在寻找任何见解、解决方案或解决方法，以防止部署到 GAS 时出现这种不断调整大小的行为。预先感谢您的帮助！

Answer 1

Google Apps 脚本的限制：Web Apps

首先，请回答您的具体问题。这需要您分享整个代码才能从社区获得一些不错的建议，因为根据文档，实际上没有记录 Web 应用程序受到限制的具体列表。

第二，文档中的最佳实践都在这个文档上提供，而限制则在这个文档上。

根据我之前的经验，它在使用前端解决方案（例如您当前在技术堆栈中拥有的解决方案）方面具有非常古怪和有限的性质，有关它的明确信息没有记录在案，因此更多的是慢慢构建它，然后找出问题从哪里开始。根据您的项目，它可能会引导您放弃使用该平台并检查您的项目的不可协商和可协商的内容。

参考资料：

HTML 服务：最佳实践

HTML 服务：限制