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 Create a Beautiful Custom Bottom Tab in React Native using React Navigation

ByMohammed Rashid

Bottom Tabs are considered as an important UI element of mobile apps. They help users to navigate smoothly to the top features of the mobile app without hassles. Here, I am creating a beautiful custom bottom tab navigation using react navigation. React navigation library is the most popular library used for navigation features in react…

How to Create Delays in between Animations in React Native

ByMohammed Rashid

In the previous blog post, we went through how the multiple animations are managed using methods such as parallel() and sequence(). Now, let’s discuss how to add delays in between animations in react native. When you are composing animations with sequence() and stagger() you can use Animated.delay() method to begin animations after a delay. Let’s…

Leave a Reply