Metro Server仅识别单个React Native CLI应用的问题求助

问题详情 #

通过以下命令创建两个React Native CLI（非Expo）项目：

npx @react-native-community/cli@latest init AwesomeProject # 1月21日创建
npx @react-native-community/cli@latest init PasswordGen # 1月22日创建

执行npx react-native run-android和npx react-native start后：

• AwesomeProject的Metro服务器显示完整操作选项：

  i- open on iOS  
   a - open on Android  
   r - reload app(s) 
   d - open Dev Menu 
   j - open DevTools 
  

• PasswordGen的Metro服务器仅显示有限选项：

  r - reload app(s) 
   d - open Dev Menu 
   j - open DevTools 
  

该问题在另一台电脑重复操作后仍存在。

解决方法 #

1. 对齐React Native CLI版本 #

两个项目创建时间间隔一天，CLI可能有版本更新。分别进入两个项目执行：

npx react-native --version

若版本不同，将PasswordGen的CLI版本对齐到AwesomeProject的版本：

# 替换x.y.z为AwesomeProject的CLI版本号
npm install @react-native-community/cli@x.y.z --save-dev

2. 同步项目依赖版本 #

对比两个项目package.json中的依赖，重点检查react-native、metro-config、metro-react-native-babel-preset等核心依赖的版本差异。将PasswordGen的依赖版本同步后，执行：

rm -rf node_modules package-lock.json
npm install

3. 检查Metro配置文件 #

确保PasswordGen根目录下的metro.config.js使用标准默认配置：

const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');

const config = {};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);

若原有配置有自定义修改，先替换为默认配置，重启Metro服务器测试。

4. 彻底清除缓存并重启 #

对PasswordGen执行全流程缓存清理：

npx react-native clean
cd android && ./gradlew clean && cd ..
npx react-native start --reset-cache

清理完成后重新运行npx react-native run-android。

5. 重新初始化项目 #

若上述方法无效，使用AwesomeProject对应的CLI版本重新初始化PasswordGen：

# 替换x.y.z为AwesomeProject的CLI版本号
npx @react-native-community/cli@x.y.z init PasswordGen

内容的提问来源于stack exchange，提问作者Sahil Bhalekar