React/Vite网站在Safari中无法正常工作(浏览器显示空白页面)。

huangapple go评论83阅读模式
英文:

Site on React/Vite doens't work in Safari. (Browser shows empty page)

问题

我在测试我的React 18/Vite网站时使用BrowserStack,但在Safari 5.1中测试时,我只能看到空白页面。控制台中没有任何错误。(但在移动Safari中,网站可以正常工作)
React/Vite网站在Safari中无法正常工作(浏览器显示空白页面)。

我没有使用任何polyfills,因为Vite在底层添加了polyfills。

我尝试查找关于这种情况的信息,但没有找到任何内容。

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

是否有可能网站在移动Safari上正常工作,但在桌面Safari上不工作?或者问题出现在BrowserStack中?

英文:

I use BrowserStack for testing my site on react 18/vite and when I test it in Safari 5.1 I can see only empty page. There are no any errors in console. (But site works correctrly in mobile safari)
React/Vite网站在Safari中无法正常工作(浏览器显示空白页面)。

I don't use any polyfills because vite adds polyfills under the hood.

I tried to find information about this situation and didn't find anything.

I tested in dev and prod modes.

Is it possible that site works on mobile Safari but doesn't work on desktop safari? Or there is problem in BrowserStack?

答案1

得分: 0

是否确认您的BrowserStack本地连接中是否使用了--force-local标志?参考链接:browserstack.com/docs/local-testing/binary-params

使用--force-local标志,远程测试设备上的所有网络请求将通过您的本地网络解析,因此BrowserStack的远程测试设备将能够访问localhost:8000。

英文:

Could confirm whether --force-local is in use with your BrowserStack Local Connection? For ref.: browserstack.com/docs/local-testing/binary-params

With --force-local flag, all the network requests on the remote test device will resolve via your local network, and hence the localhost:8000 will be reachable on BrowserStack's remote test device.

huangapple
  • 本文由 发表于 2023年6月26日 15:56:11
  • 转载请务必保留本文链接:https://go.coder-hub.com/76554644.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定