Mac M1 搭建 React Native 環境

2021-10-21 21:07:14 字數 3835 閱讀 6786

可以參考對照官方文件,本文針對m1晶元目前未完全適配情況下的方案,算是臨時解決方案,不具有時效性。

你需要自行準備的依賴:xcode >10node >v12npmyarnrubygit

這一點極其重要,如果你使用的為其他終端工具,請勾選此選項,有關ffi的相容問題,這只是臨時解決方案。

同時,請將xcode的 rosetta 也開啟,這事關專案的執行,xcode的依賴安裝這裡不在贅婿,可以檢視官方文件。

唯一需要保證的,安裝了command line tools

xcode自帶最新ios系統,如果你想要安裝低版本的系統,又奈何網路不給力,參考,或者.

這裡我使用的 shell 是 on-my-zsh

介紹乙個強大的安裝工具,全稱有中文引導,源使用 中科大 的即可。參考文章

/bin/zsh -c "$(

curl -fssl

"

驗證

brew --help
watchman 則是由 facebook 提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能(packager 可以快速捕捉檔案的變化從而實現實時重新整理)。

使用homebrew來安裝watchman,安裝網路問題這裡不再贅述。

brew install watchman
驗證

watchman --help
cocoapods是用 ruby 編寫的包管理器(可以理解為針對 ios 的 npm)。

首先檢視 ruby 是否安裝

ruby -v
修改 ruby 的 gem源(gem sources)到 國內

gem sources  #列出預設源

gem sources --remove #移除預設源

gem sources -add #新增國內源

gem sources -l # 確保只有 gems.ruby-china.com

之後安裝cocoapods

sudo gem install cocoapods
這裡大概率會遇到報錯,告訴你沒有讀寫/usr/bin的許可權,兩種選擇,一是重啟進入保護模式,修改讀寫許可權,太麻煩了,所以我們用第二種處理方式

sudo gem install cocoapods -n /usr/local/bin
請確認 終端為 rossate 下

sudo gem install ffi
pod setup作用:將所有第三方的podspec索引檔案更新到本地的~/.cocoapods/repos目錄下

pod setup
此處跟隨官方,不再全域性安裝

如果你之前全域性安裝過舊的react-native-cli命令列工具,請使用npm uninstall -g react-native-cli解除安裝掉它以避免一些衝突。

到此 我們開始初始化專案:

# 使用nrm工具切換**源

npx nrm use taobao

# 如果之後需要切換回官方源可使用

npx nrm use npm

npx react-native init your-project-name
注意一:請不要在目錄、檔名中使用中文、空格等特殊符號。請不要單獨使用常見的關鍵字作為專案名(如 class, native, new, package 等等)。請不要使用與核心模組同名的專案名(如 react, react-native 等)。

注意二:0.60 及以上版本的原生依賴是通過 cocoapods 整合安裝的。cocoapods 的倉庫在國內也很難訪問。如果在 cocoapods 的依賴安裝步驟卡很久(命令列停在 installing cocoapods dependencies),請務必使用穩定的**軟體並確定其配置對命令列有效。

接下來我們會進行 ios 下的依賴安裝,會需要使用到**

~/.gitconfig:

這裡我的socks5**介面為7891,你需要根據自己的自行配置

配置過後

cd your-project-name/ios  # 進入ios目錄
找到podfile

# pods for testing

替換為# pods for testing

注釋掉如下**,同樣為臨時解決方案: 參考

# use_flipper!

# post_install do |installer|

# flipper_post_install(installer)

# end

ios目錄執行

arch -x86_64 pod install
如果你閒每次這樣麻煩,你也可以將此修改到~/.zshrc(我用的zsh)

alias pod=

"arch -x86_64 pod"

此時你就可以

pod install
當你看到pod installation complete!就證明你成功了

接下來回到專案根目錄cd ..

yarn ios

# 或者

到此,專案就構建成功了~

Mac M1安裝Homebrew的方法步驟

搜尋軟體 brew search 軟體包名稱 安裝軟體 brew install 軟體包名稱 解除安裝軟體 brew uninstall 軟體包名稱 問題1 curl 7 failed to connect to port 443 connection refused 錯誤 解決方法 開啟 www....

storm搭建(1)zookeeper搭建

storm集群的安裝我用了三颱的虛擬機器,ip分別是192.168.9.202和203和204,其中主機是202,兩台分機的ip是203和204,之前兩台機器的搭建已經完成,這次安裝的環境是在204機器上。把zookeeper 3.3.5.tar.gz放在home資料夾下,給檔案加入許可權 chmo...

1 搭建開發環境

首先,確認系統安裝的python版本是2.7.x python version python 2.7.5前端模板引擎jinja2 easy install jinja2mysql的python驅動程式mysql connector python easy install mysql connecto...