如何使用本地主机在 Web 浏览器中打开 Expo Web？

Question

运行npm start或expo start启动项目如下：

\n\n

React  You can now view My React Native App in the browser.\n\n  Local:            http://localhost:19006/   On Your Network:  http://157.201.29.49:19006/\n\nNote that the development build is not optimized.\n\n \xe2\x80\xba To create a production build, run expo build:web  \xe2\x80\xba Press Ctrl+C to exit.\n\n Expo  Press ? to show a list of all available commands.\n

\n\n

通过按 \xe2\x80\x98w\xe2\x80\x99 启动 Expo 网络将打开 Chrome 浏览器，其中包含http://157.201.29.49:19006/建议的 IP 地址 URI。

\n\n

但由于办公室VPN的原因，Chrome浏览器无法解析该地址。错误是：

\n\n

\n

无法访问此站点\xe2\x80\x99
\n ERR_CONNECTION_TIMED_OUT

\n

\n\n

将 Chrome 中的 URL 替换为http://localhost:19006成功。

\n\n

如何启动 Expo，以便按 \xe2\x80\x98w\xe2\x80\x99 自动使用 localhost 而不是 IP 地址启动？

\n

Answer 1

不再支持。

2022 年 7 月 25 日更新：expo-cli@6.0.0 已发布，删除了 Web UI。包含 Web UI 的最后一个版本是 expo-cli@5.5.1。

了解更多

Answer 2

要修复此问题，请expo直接启动，并提供 localhost 选项：

\n\n

expo start \xe2\x80\x94-localhost\n

\n\n

请参阅Expo CLI文档expo start：

\n\n

--localhost Same as --host localhost\n

\n