执行react-native init无Android/iOS文件夹及Gradle文件求助

核心结论 #

你当前生成的项目仅包含React Native核心依赖，缺失的Android、iOS原生工程文件夹不会自动生成，必须通过手动操作修复。

具体修复步骤 #

1. 清理本地缓存 #

先清除npm和React Native的缓存，避免残留配置干扰：

npm cache clean --force
npx react-native clean

2. 手动生成原生工程文件 #

在项目根目录执行对应命令生成平台文件：

• 生成Android工程：

npx @react-native-community/cli init --platform android

• 生成iOS工程：

npx @react-native-community/cli init --platform ios

注：旧版React Native可使用npx react-native eject命令，但0.60+版本已移除该命令，优先使用上面的平台专属命令。

3. 补全项目依赖与脚本 #

你的package.json缺少必要的开发依赖和平台运行脚本，可手动补充后执行npm install：

{
   "name":"MyApp",
   "version":"0.0.1",
   "private":true,
   "scripts":{
      "start":"node node_modules/react-native/local-cli/cli.js start",
      "android":"react-native run-android",
      "ios":"react-native run-ios",
      "test":"jest"
   },
   "dependencies":{
      "react-native":"0.77.0"
   },
   "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/babel-preset": "^0.77.0",
    "@react-native/eslint-config": "^0.77.0",
    "@react-native/metro-config": "^0.77.0",
    "@react-native/typescript-config": "^0.77.0",
    "@types/react": "^18.2.0",
    "@types/react-test-renderer": "^18.2.0",
    "babel-jest": "^29.2.1",
    "eslint": "^8.19.0",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "0.76.5",
    "prettier": "^2.4.1",
    "react-test-renderer": "18.2.0",
    "typescript": "5.0.4"
  }
}

4. 检查本地开发环境 #

确保已配置好React Native所需的原生环境：

• Android：JDK 11+、Android Studio及对应SDK
• iOS：Xcode、CocoaPods
  环境未配置的话，即使生成了文件夹，后续运行项目也会报错。

5. 重新初始化项目（终极方案） #

如果以上步骤无效，删除当前项目文件夹，卸载全局CLI后重新创建：

npm uninstall -g react-native-cli
npx react-native init MyApp --version 0.77.0

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