React Native iOS Build Failed on M1 Mac Issue Fix

ByMohammed Rashid Posted on

I own a Macbook Pro with an M1 chip. I faced a build failing issue When trying to run a new react native project for iOS. There was no issue with running the same project on Android. Let’s check how to fix this specific build issue with M1 Mac.

I got the following error when I tried to run react native project on iOS.

2022-08-19 10:42:46.414 xcodebuild[98539:3296443] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
2022-08-19 10:42:46.414 xcodebuild[98539:3296443] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionPointIdentifierToBundleIdentifier for extension Xcode.DebuggerFoundation.AppExtensionToBundleIdentifierMap.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
** BUILD FAILED **


The following build commands failed:
        CompileC /Users/mohammedrashid/Library/Developer/Xcode/DerivedData/Example3-fibcdwjnnbuzscfcdsmwicwbvdat/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/RCT-Folly.build/Objects-normal/arm64/SysUio.o /Users/mohammedrashid/Documents/React\ Native/Examples/Example3/ios/Pods/RCT-Folly/folly/portability/SysUio.cpp normal arm64 c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'RCT-Folly' from project 'Pods')
        CompileC /Users/mohammedrashid/Library/Developer/Xcode/DerivedData/Example3-fibcdwjnnbuzscfcdsmwicwbvdat/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/RCT-Folly.build/Objects-normal/arm64/NetOps.o /Users/mohammedrashid/Documents/React\ Native/Examples/Example3/ios/Pods/RCT-Folly/folly/net/NetOps.cpp normal arm64 c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'RCT-Folly' from project 'Pods')
        CompileC /Users/mohammedrashid/Library/Developer/Xcode/DerivedData/Example3-fibcdwjnnbuzscfcdsmwicwbvdat/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/RCT-Folly.build/Objects-normal/arm64/FileUtil.o /Users/mohammedrashid/Documents/React\ Native/Examples/Example3/ios/Pods/RCT-Folly/folly/FileUtil.cpp normal arm64 c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'RCT-Folly' from project 'Pods')
(3 failures)

The solution to M1 Mac react native issues is already given in the official documentation of react native itself. You can see it on the react native environment setup page. Following is the solution.

Firstly, run the following command from your project folder.

sudo arch -x86_64 gem install ffi

Next, run the following command from the ios folder.

arch -x86_64 pod install

Unfortunately, this solution didn’t work for me. I was using the latest react native version- react native 0.69.4. Going through the Github issues I understood many are facing the same issue.

Right now, the solution is to use older versions of react native as given in this GitHub issue. This is just a temporary solution. I will update this blog post when I get a concrete solution.

About Me

I'm Mohammed Rashid from the beautiful state of Kerala in southern India, with a journey seasoned in software engineering and mobile app development.

In a tech world that's always changing, I keep myself updated with the latest like SwiftUI and Jetpack Compose for crafting native apps on iOS and Android. I have also experience in React Native and Flutter.

Through this space, I share my learnings and insights hoping to assist anyone diving into the native mobile app development.

Similar Posts

How to add Image with Rounded Corners in React Native

ByMohammed Rashid

In this blog post, let’s learn how to add an image with rounded corners in react native. We use the Image component and the borderRadius property to create rounded corners for the image. See the following code snippet. You will get the following output. Following is the complete code for reference. Using the borderRadius style…

How to Change the Placeholder Text Color of TextInput Component in React Native

ByMohammed Rashid

We use the TextInput component in almost all React Native applications. Because of that, we usually try to customize or stylize textinput to the maximum extent. In this blog post, I will tell you how to change the placeholder color in TextInput. The TextInput comes with the placeholderTextColor property and you can change the color…

How to get SHA1 Fingerprint of React Native App using Android Studio

ByMohammed Rashid

SHA1 fingerprint, the secure hash algorithm, is basically a signature of a sequence of bytes. Sometimes, you need to get SHA1 fingerprint from your react native app. Google services like Firebase always require SHA1 fingerprint of your app. So, Follow the steps given below to get SHA1 fingerprint from your react native app using Android…

Leave a Reply