React Native 中 Metro 无法启动 Android 模拟器，如何排查？

2024-04-27 19:15:34

React Native 开发中的 Metro 和 Android 模拟器常见问题故障排除

引言

React Native 是开发跨平台移动应用程序的热门选择，而 Expo 简化了这一过程。然而，在 macOS 上设置和运行 React Native 应用程序时，可能会遇到一些障碍，例如 Metro 无法启动 Android 模拟器。本文深入探讨了这一问题，并提供了针对该问题的全面解决方案。

运行 expo start 命令启动 React Native 应用程序时，可能会收到如下错误：

> Opening emulator INFO | Storing crashdata in: [...] /emu-crash-34.1.18.db

该错误表明 Metro 无法启动 Android 模拟器，因为它试图使用一个不存在的模拟器，称为“INFO”。

该问题通常由以下原因引起：

解决这一问题的步骤如下：

1. 验证 AVD 名称

使用 emulator list-avd 命令列出可用的 AVD。确保 Metro 尝试启动的 AVD 在列表中。如果没有，请创建新的 AVD。

2. 检查路径

验证以下环境变量的设置是否正确：

3. 手动启动模拟器

如果 Metro 仍无法启动模拟器，尝试手动启动它：

emulator @<AVD 名称>

例如：

emulator @Pixel_7_API_34

4. 更新 Metro

保持 Metro 为最新版本，因为它不断发展。

5. 重新安装 Android Studio

有时，重新安装 Android Studio 可以解决与 Metro 相关的路径和配置问题。

Q1：我如何创建新的 AVD？
A1：使用 Android Studio 或 avdmanager 工具创建新的 AVD。

Q2：如何手动安装 Android SDK？
A2：从官方 Android 开发者网站下载 Android SDK 并安装它。

Q3：如何配置 PATH 变量？
A3：根据您的操作系统，按照以下步骤操作：

macOS： 在终端中运行 export PATH=$PATH:/path/to/android/sdk/tools:/path/to/android/sdk/platform-tools。
Windows： 右键单击“我的电脑”>“属性”>“高级”>“环境变量”>“新建”>“变量名：PATH”>“变量值：%PATH%;C:\path\to\android\sdk\tools;C:\path\to\android\sdk\platform-tools”。

Q4：为什么手动启动模拟器后，Metro 仍然无法启动它？
A4：检查模拟器是否正在运行并可供 Metro 使用。确保 AVD 名称与 Metro 尝试启动的名称相同。

Q5：如果以上方法均无法解决问题，我该怎么办？
A5：寻求 React Native 或 Expo 社区的帮助，提供详细的错误信息和已尝试的解决方法。