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 Shadows for Text Component in React Native

ByMohammed Rashid

The Text component in React Native appears to be simple but it has a lot of props for customization and usability. Sometimes, we want to make the Text component more stylish by having shadows with vibrant colors. In such cases, you don’t need to rely on any third-party component libraries- react native text itself has…

How to Fix Unrecognized command “start” React Native Error

ByMohammed Rashid

Nowadays, I face very few issues regarding react native command line. But recently when I executed the react-native start command on the terminal I got the following error. Apparently, this wasn’t a react native issue. It was a mistake from me. I should have executed the npx react-native start command from the project folder and…

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…

Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` React Native Error Fix

ByMohammed Rashid

Today, I was trying to run a new react native project with some third-party libraries installed. When I executed react-native run-android command I got the following error. Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from App.js: @babel/runtime/hepers/interopRequireDefault could not be found within the project. Following is the screenshot of the react native error. As mentioned in the…

Leave a Reply