この記事はReact Native Advent Calendar 2021の24日目の記事です。
React Nativeでは0.66からM1やXcode 13サポートが入ったのですが、それ以前のバージョンである0.65.1とXcode 12.5.1でビルドを試みた時に出たエラーをまとめます。結果としては、Xcode 12.5.1でもシミュレーターを使用しない（Any iOS Device (arm64)）場合はビルドが成功しましたが、シミュレーター起動するとエラーになってしまう状況です。
環境
- MacBook Pro (14-inch, 2021), Apple M1 Pro
- macOS Monterey 12.0.1
- React Native 0.65.1
- Xcode 12.5.1
- node 14.17.0（エラーになるので後にアップデート）
- react-native-maps 0.25.0 （エラーになるので後にアップデート）
React NativeのApple Silicon (M1)とXcode 13サポート
公式ブログで、React Native 0.66からApple Silicon (M1)がXcode 13、iOS 15と共にサポートされたことがアナウンスされました。0.66を使うことで、この記事にあるエラーのうちいくつかはなくなると期待されます。
Xcode 12.5.1 が Monterey でサポートされていない対応
MontereyではXcode 12.5.1が起動できませんでした。Xcode 13はReact Native 0.66でサポートされたのですが、ビルドしたいアプリは0.65.1なので、Xcode 12.5.1でビルドする必要がありました。
対応策
Applicationsフォルダに Xcode 12.5.1 をインストール後、以下のコマンドで Monterey でも Xcode 12.5.1 が起動可能です。
/Applications/Xcode-12.5.1.app/Contents/MacOS/Xcode
FATAL ERROR: wasm code commit Allocation failed - process out of memory
ビルド時に以下のエラーが出ました。
FATAL ERROR: wasm code commit Allocation failed - process out of memory
対応策
nodeのバージョンをv14.17.0以降にすることで、解決しました。
xcrun: error: SDK "iphoneos" cannot be located
ビルド時に以下のエラーが出ました。
checking whether the C compiler works... no
xcrun: error: SDK "iphoneos" cannot be located
xcrun: error: unable to lookup item 'Path' in SDK 'iphoneos'
対応策
Xcodeのパスを設定することで、解決しました。
sudo xcode-select --switch /Applications/Xcode.app
Xcodeでビルドすると node: No such file or directory
エラーログ
env: node: No such file or directory
対応策
以下の2つを実施しました。
1. Build Phasesの Bundle React Native code and images と Upload Debug Symbols to Sentry にnodeのパスを追加
例 : export PATH="$HOME/.nodenv/shims:$PATH"
2. react-native-xcode.shを修正
issueを参考に、react-native-xcode.shを以下のように修正しました。
--- ./node_modules/react-native/scripts/react-native-xcode.sh 2021-10-09 02:10:24.000000000 +0200
+++ ./node_modules/react-native/scripts/react-native-xcode.sh 2021-10-09 02:32:09.000000000 +0200
@@ -81,7 +81,7 @@
# Find path to Node
# shellcheck source=/dev/null
-source "$RN_DIR/scripts/find-node.sh"
+source "$REACT_NATIVE_DIR/scripts/find-node.sh"
GoogleMapsがコンパイルできない（未解決）
エラーログ
ld: building for iOS Simulator, but linking in object file built for iOS, file '/Users/shoken/Git/kitchhike_apps/ios/Pods/GoogleMaps/Maps/Frameworks/GoogleMaps.framework/GoogleMaps' for architecture arm64
対応策
react-native-mapsのバージョンをv0.30.0上げたらビルドができたという情報がissueに上がっていました。
package.jsonを修正し、react-native-mapsのバージョンをv0.30.0に上げると、CocoaPodsで依存エラーが起きます。
[!] CocoaPods could not find compatible versions for pod "Google-Maps-iOS-Utils":
In snapshot (Podfile.lock):
Google-Maps-iOS-Utils (= 2.1.0)
In Podfile:
react-native-google-maps (from `../node_modules/react-native-maps`) was resolved to 0.30.0, which depends on
Google-Maps-iOS-Utils (= 3.10.3)
You have either:
* changed the constraints of dependency `Google-Maps-iOS-Utils` inside your development pod `react-native-google-maps`.
You should run `pod update Google-Maps-iOS-Utils` to apply changes you've made.
その後、Google-Maps-iOS-UtilsとGoogleMaps の2つを、pod updateする。
pod update Google-Maps-iOS-Utils GoogleMaps
Xcode 12.5.1でシミュレーターを使用しない（Any iOS Device (arm64)）場合はビルドが成功するようになりました。ただし、シミュレーター起動でのビルドだと、GoogleMapsがエラーになります。
12/1にアナウンスされた、M1対応のMaps SDK 6.0が使われているGoogleMaps 6.0.1にしたいのですが、 react-native-maps 0.30.0はGoogleMaps 5.1.0依存となっている状況です。
react-native-mapsに、GoogleMaps 5.x依存をなくし、バージョンを更新できないかというissueが上がっているので、こちらが対応されたらM1 Macでもビルドができるようになりそうです。