Apple M1安装React Native全过程

最新推荐文章于 2025-04-23 13:38:02 发布

原创最新推荐文章于 2025-04-23 13:38:02 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了在Mac M1处理器上配置React Native开发环境的步骤，包括设置git socks5代理、安装Rosetta、升级Ruby、修复cocoapods安装问题，并提供了解决常见错误的建议。

参考文章：https://blog.devgenius.io/setting-up-react-native-in-mac-m1-aaf18c37fc34

安装前，最好备用一个T子，避免clone git时发生错误，如下设置git的clone proxy

socks5代理如下

git config --global http.proxy 'socks5://127.0.0.1:1080'

git config --global https.proxy 'socks5://127.0.0.1:1080'

http代理如下

git config --global http.proxy http://127.0.0.1:8080

git config --global https.proxy https://127.0.0.1:8080

取消设置proxy

git config --global --unset http.proxy

git config --global --unset https.proxy

第1步：安装 or 更新 rosetta

softwareupdate --install-rosetta

第2步：复制一个新终端

右键，复制一个新终端

第3步：设置新终端属性，使用Rosetta打开

第4步：打开新终端，输入安装 homebrew 命令

注意：此步骤可能会出错，如果此处出错，参考 mac 安装brew时报错的问题及解决方式_weixin_30851867的博客-优快云博客进行彻底卸载，注意删除/usr/local下的homebrew时需要 sudo 手动删除，

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

由于上方是国外的脚本，安装过程中会有网络问题，所以可以使用国内脚本，此处参考：Homebrew国内如何自动安装（国内地址） - 知乎

/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

第5步：安装 ffi

sudo gem install ffi

此步骤极有可能出错，会让你查看 mkmf.log ，错误信息中有 fatal error: 'ruby/config.h' file not found #include "ruby/config.h" 等片段，此时需要升级ruby，此处参考：vim - macOS Mojave 'ruby/config.h' file not found - Stack Overflow

升级ruby：

curl -L https://get.rvm.io | bash -s stable

rvm install ruby-2.7.2(用当下最新版本也可以)

第6步：安装 cocoapods

注意：这种安装方式可能会出现 GemNotFoundException. 的错误信息，此错误参考：can't find gem cocoapods (>= 0.a) with executable pod (Gem::GemNotFoundException)_develop_csdn的博客-优快云博客

brew install cocoapods

需要换成

先卸载

brew uninstall cocoapods

再用 gem 安装

gem install cocoapods

第7步：安装RN

npm install -g react-native-cli

第8步：初始化项目并启动

初始化
react-native init zippy

启动

cd zippy

react-native run-ios

祝你好运！