React Native 项目未在浏览器中打开 Metro Bundler

Question

应用程序运行良好。 在模拟器和我的手机上也能正常工作。 但问题是它没有在我的浏览器上显示此页面。 打开图片

我使用以下命令在本机反应中创建了这个项目。

expo 初始化完成

选择使用空白模板管理工作流

当我在终端（使用 VS 代码终端）中键入“npm start”时，它显示Open Image

它不是像这样在浏览器中打开 Open Image

Answer 1

您是否尝试过在 localhost 和端口 19000 手动打开浏览器？ 或者只需在启动后在同一终端中按“w”，它就会为您打开浏览器，如您在第二张图片中看到的那样。

Answer 2

Web UI 现在已弃用，取而代之的是更高级的终端界面： https ://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206

对我来说，“w”选项是灰色的，但我仍然可以运行它，它会让我知道缺少一些依赖项。 我尝试安装它们，但没有成功。 我想只是确保 Web UI 将不再工作。

Answer 3

如果“w”选项变灰或“w”不起作用，您将看到以下错误，

看起来您正在尝试使用网络支持，但没有安装所需的依赖项。 请通过运行以下命令安装 react-native-web@~0.18.9、react-dom@18.1.0、@expo/webpack-config@^0.17.2：npx expo install react-native-web@~0.18.9 react- dom@18.1.0 @expo/webpack-config@^0.17.2 如果您不使用 web，请确保从项目 Expo 配置中的平台数组中删除“web”字符串。

安装提到的包并重新启动应用程序（npm start）。

输入 w，这应该可以工作。

Answer 4

应用程序没有为您提供 web 浏览器功能的原因是因为您缺少一些包。 到目前为止，这是支持的版本。 尝试运行以下代码：

npx expo install react-native-web@~0.18.9 react-dom@18.1.0 @expo/webpack-config@^0.17.2