搭建react native 开发环境以及遇到的一些问题

搭建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
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值