react native 环境搭建 + 创建新项目 + 启动 问题全记录 mac+ios+xcode

一 环境搭建

环境： mac + ios

参考链接： 先跟着官方走 搭建开发环境 · React Native 中文网

node - nvm 16.12

这个nrm第一次要下载最好全局下载

npm install -g nrm

npx nrm use taobao

xcode 

xcode 因为电脑版本 mac sur 11.6.7 所以app store的xcode版本不支持，所以在苹果开发者网站上下载以前的版本，下了13,然后安装了很久, Unauthorized - Apple Developer ，需要登陆自己的苹果账号，没有就注册一个

在 Xcode 中安装 iOS 模拟器，这个也遇到问题了，直接在xcode里直接装是装不上，用了很久也没成功，然后网上找的方法 Xcode安装特定版本系统的模拟器（不支持断点下载所以总是下载失败）_xcode模拟器下载_Sophia_fez的博客-CSDN博客 ,最后拿谷歌浏览器下载下来的。

cocoapods

好像是 brew install cocoapods ，反正也遇到了问题，我还下了rvm 想做ruby的环境管理，但是用rvm下载的ruby不成功，然后就用brew来手动下载，但是brew下载的单个ruby3.0，它的路径比系统的路径的优先级低，所以我找ai问了一下，他让我下rbenv，然后用这个下载了ruby3.0，然后就可以了，对话找不到了

创建新项目

然后 npx react-native@latest init AwesomeProject 这个就死也不成功了，找到了这个解决办法 初始化React-Native项目,卡在Installing CocoaPods Dependencies | 码农家园 ，救命的好文章，但是按照这个配置之后走到pod install的时候经常会在某个位置卡住然后报错，类似下面链接里的错误，然后找到了这个人的文章[!] Error installing *** [!] /usr/bin/git clone https://github.com/*** - 简书 所以我一直重试，切换网络，然后试了大概七八次，成功了。

到此环境搭建好了

运行

打开项目ios目录下的 .xcodeproj 会自己打开xcode,然后会到项目根目录下，运行

yarn react-native run-ios --simulator "iPhone 13 Pro Max"

设备型号可以更改

然后又出现问题了，打开之后报错了，fatal error: module map file YogaKit.modulemap not found

（不好使）网上有人说不能打开.xcodeproj ,要打开.xcodeworkspace 但是还是报这个错

然后我重新pod install了一下，然后再运行

yarn react-native run-ios --simulator "iPhone 13 Pro Max"

就没问题了，要耐心一点，building the app 大概要四五分钟，要耐心，不报错就是好的，

最后到这个页面就是启动成功了