React Native初始化遇cli.init错误及Android无法运行问题求助

1. 项目初始化错误：TypeError: cli.init is not a function #

原因 #

旧版全局安装的react-native-cli已被React Native官方废弃，与当前版本的React Native不兼容，IntelliJ默认的项目创建模板可能调用了这个过时的工具，导致初始化过程触发错误。

解决步骤 #

• 卸载全局的react-native-cli：

  npm uninstall -g react-native-cli
  

• 使用React Native官方推荐的命令创建项目（终端执行，避免用IntelliJ的旧模板）：

  npx react-native init YourProjectName
  

• 项目创建完成后，再通过IntelliJ导入该项目。

2. Android无法运行的问题 #

原因 #

React Native未识别到Android SDK的环境变量，虽然Flutter已经配置了Android开发环境，但React Native需要明确的ANDROID_HOME/ANDROID_SDK_ROOT环境变量才能正常编译运行Android项目；同时当前没有连接的Android模拟器/设备。

解决步骤 #

1. 配置Android环境变量
   • 打开终端，编辑你的shell配置文件（如~/.zshrc或~/.bash_profile，根据使用的shell选择）
   • 添加以下内容（SDK路径以Flutter使用的为准，通常是~/Library/Android/sdk）：

     export ANDROID_HOME=~/Library/Android/sdk
     export ANDROID_SDK_ROOT=~/Library/Android/sdk
     export PATH=$PATH:$ANDROID_HOME/emulator
     export PATH=$PATH:$ANDROID_HOME/tools
     export PATH=$PATH:$ANDROID_HOME/tools/bin
     export PATH=$PATH:$ANDROID_HOME/platform-tools
     

   • 执行命令使配置生效：

     source ~/.zshrc
     

2. 启动Android模拟器
   • 打开Android Studio的AVD Manager，启动已创建的模拟器
   • 执行adb devices确认设备已连接
3. 运行React Native Android项目
   • 进入项目目录，执行：

     npx react-native run-android
     

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