搭建react native 开发环境

前言：以前在公司实习的时候搭建过react native的开发环境，并且创建了项目，做过一个小项目，今天心血来潮，突发奇想又想搭建一个项目练练手，结果出现了各种问题…所以来记录一下。

环境搭建

官方文档移步：https://reactnative.cn/

开发平台

macOS

目标平台

ios

安装依赖

需要安装的依赖有：Node、Watchman、Xcode 和 CocoaPods。

创建新项目

安装上面依赖后,使用内建命令来创建一个名为rnDemo的项目。

1
npx react-native init rnDemo

遇到的第一个问题

node依赖问题：创建最新版本的 react-native 需要node版本大于14.0，以前在公司我一直用的都是12.0，升级后成功解决

1）使用npm 安装n模块管理工具

1
2
### n模块是专门用来管理node.js版本
sudo npm install -g n

2）升级最新的稳定版本

1
2
### 提示：n stable是升级稳定版本 n latest是升级至最新版本
sudo n stable

遇到的第二个问题

项目初始化完成后，报错了。

1
Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template

报这个错误的原因是react-native版本的原生依赖是通过 CocoaPods 集成安装的。CocoaPods 的仓库在国内也很难访问到，需要我们再执行下面命令

1
2
### 至项目的ios目录执行pod install命令
cd ./rnDemo/ios && pod install

如果这里CocoaPods 的依赖安装步骤卡很久（命令行停在 Installing CocoaPods dependencies）的话，需要稳定的科学上网。或者更换使用清华源。

1
2
### cd 进入项目的ios目录
pod repo add cocoapods https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git

然后把ios工程里面的podfile文件添加soure

1
source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'

然后再次pod install 安装会快许多….不过我也用了几个小时才安装成功。

编译并运行

在rnDemo目录下

1
2
cd rnDemo
yarn ios