Metro-Bundler无法自动打开，React Native入门配置遇问题求助

手动访问页面 #

先直接在浏览器地址栏输入 http://localhost:19002，如果能正常加载Metro界面，说明只是自动打开功能失效；如果依旧无法加载，按以下步骤排查。

检查端口占用 #

19002端口被其他程序占用会导致页面无法正常访问，执行对应命令排查：

# Windows系统
netstat -ano | findstr :19002
# macOS/Linux系统
lsof -i :19002

找到占用端口的进程ID后结束该进程，再重新执行expo start或npm start。

清除项目缓存 #

缓存异常可能引发启动问题，执行命令清除缓存后重试：

# Expo项目
expo start --clear
# 普通React Native项目
npm start -- --reset-cache

适配版本兼容性 #

确保Expo CLI与项目依赖版本匹配，可尝试更新Expo CLI到最新版：

npm install -g expo-cli

同时检查项目package.json中react-native、expo等依赖版本，避免版本冲突。

强制开启自动打开功能 #

如果是自动打开配置被禁用，可通过启动参数强制打开：

expo start --open
# 或
npm start -- --open

也可以修改项目根目录的app.json，添加配置永久开启自动打开：

{
  "expo": {
    "packagerOpts": {
      "open": true
    }
  }
}

内容的提问来源于stack exchange，提问作者Islam A.kohil