搭建react native 开发环境
前言:以前在公司实习的时候搭建过react native的开发环境,并且创建了项目,做过一个小项目,今天心血来潮,突发奇想又想搭建一个项目练练手,结果出现了各种问题…所以来记录一下。
环境搭建
官方文档移步:https://reactnative.cn/
开发平台
macOS
目标平台
ios
安装依赖
需要安装的依赖有:Node、Watchman、Xcode 和 CocoaPods。
创建新项目
安装上面依赖后,使用内建命令来创建一个名为rnDemo
的项目。
npx react-native init rnDemo
遇到的第一个问题
node依赖问题:创建最新版本的 react-native 需要node版本大于14.0,以前在公司我一直用的都是12.0,升级后成功解决
1)使用npm 安装n模块管理工具
### n模块是专门用来管理node.js版本
sudo npm install -g n
2)升级最新的稳定版本
### 提示:n stable是升级稳定版本 n latest是升级至最新版本
sudo n stable
遇到的第二个问题
项目初始化完成后,报错了。
Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template
报这个错误的原因是react-native版本的原生依赖是通过 CocoaPods 集成安装的。CocoaPods 的仓库在国内也很难访问到,需要我们再执行下面命令
### 至项目的ios目录执行pod install命令
cd ./rnDemo/ios && pod install
如果这里CocoaPods 的依赖安装步骤卡很久(命令行停在 Installing CocoaPods dependencies)的话,需要稳定的科学上网。或者更换使用清华源。
### cd 进入项目的ios目录
pod repo add cocoapods https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git
然后把ios工程里面的podfile文件添加soure
source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'
然后再次pod install 安装会快许多…不过我也用了几个小时才安装成功。
编译并运行
在rnDemo目录下
cd rnDemo
yarn ios