React Native项目编译失败,如何重建并重新生成Android/iOS文件夹?
重新生成React Native项目的Android和iOS文件夹步骤
第一步:备份关键文件
先把项目里不可丢失的核心内容备份好:
- 依赖配置文件:
package.json、package-lock.json(或yarn.lock) - 项目源码:
src目录、根目录下的JS/TS文件 - 核心配置:
app.json、index.js、babel.config.js等 - 自定义资源:
assets目录(图片、字体等)
第二步:删除损坏的原生文件夹
在项目根目录执行命令,移除现有无法修复的Android和iOS文件夹:
rm -rf android ios
第三步:根据React Native版本重新生成原生文件夹
针对React Native 0.60+版本
该版本已弃用eject命令,使用官方CLI重新生成:
# 安装/更新React Native CLI npm install -g @react-native-community/cli # 在当前目录重新生成原生文件夹,--force参数用于覆盖现有配置 npx react-native init . --force # 若为TypeScript项目,添加模板参数 # npx react-native init . --template react-native-template-typescript --force
针对React Native 0.59及以下版本
直接使用eject命令重新生成:
npx react-native eject
第四步:恢复依赖与自定义配置
- 重新安装项目依赖:
npm install # 使用yarn则执行 yarn install
- iOS项目需安装CocoaPods依赖:
cd ios && pod install && cd ..
- 重新添加之前的自定义配置(比如Android的权限、签名信息,iOS的Info.plist配置等),因为重新生成的是默认模板配置,原有自定义项需要手动补回。
内容的提问来源于stack exchange,提问作者Вячеслав Предеин
相关产品推荐
相关产品推荐

