React/Vite 上的网站在 Safari 中无法运行。 （浏览器显示空白页面）

Question

我使用 BrowserStack 在 React 18/vite 上测试我的网站，当我在 Safari 5.1 中测试它时，我只能看到空页面。控制台中没有任何错误。 （但网站在移动 Safari 中可以正常工作）

我不使用任何 Polyfill，因为 vite 在底层添加了 Polyfill。

我尝试查找有关此情况的信息，但没有找到任何信息。

我在开发和生产模式下进行了测试。

网站是否有可能在移动 Safari 上运行但在桌面 Safari 上不起作用？还是BrowserStack有问题？

Answer 1

可以确认

--force-local

是否正在与您的 BrowserStack 本地连接一起使用？供参考：browserstack.com/docs/local-testing/binary-params

使用

--force-local

标志，远程测试设备上的所有网络请求都将通过本地网络解析，因此 localhost:8000 将在 BrowserStack 的远程测试设备上可达。

Answer 2

目前，Vite 仅适用于 Safari >= 14

https://vitejs.dev/guide/build.html