React Native's initial project doesn't run on IOS.

[sumanbhattarai]

Description

I created a new project using the command npx react-native init MyApp --template react-native-template-typescript.
When i run npx react-native run-ios, it gives me below error.

** BUILD FAILED **
The following build commands failed:
        PhaseScriptExecution [CP-User]\ Generate\ Specs /Users/macbookpro/Library/Developer/Xcode/DerivedData/MyApp-gvadqhjqjqogdegfwqsahxwqnkps/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FBReactNativeSpec.build/Script-8C01FEA837F8EC37C13D05D97D3F6C1B.sh
(1 failure)

React Native version:

System:
OS: macOS 11.2.3
CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
Memory: 58.32 MB / 8.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.16.0 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.11 - /usr/local/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.4, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2
Android SDK: Not Found
IDEs:
Android Studio: 4.0 AI-193.6911.18.40.6514223
Xcode: 12.4/12D4e - /usr/bin/xcodebuild
Languages:
Java: 14.0.1 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.1 => 17.0.1
react-native: 0.64.0 => 0.64.0
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

[Alimahmood7]

I am also facing sort of same error

[krunalcodes]

I am facing the same issue with yarn ios but if I build the app from Xcode it works.

[sankalp98]

I am facing the same issue. React native 0.64 and Xcode 12.4

[Alimahmood7]

I am facing the same issue with yarn ios but if I build the app from Xcode it works.

Can you please tell me the steps to build app in xcode ?

[krunalcodes]

I am facing the same issue with yarn ios but if I build the app from Xcode it works.

Can you please tell me the steps to build app in xcode ?

1. Open your ios folder in Xcode
2. In the top bar select your emulator and click on the build/play icon.

[sumanbhattarai]

@imkrunal no luck. Building the app from Xcode gives me the same error.

[ugglr]

Same issue. Works with Xcode. 👀

[krunalcodes]

@imkrunal no luck. Building the app from Xcode gives me the same error.

Make sure you don't have space in the folder names. Check this comment.

#31259 (comment)

[sumanbhattarai]

@imkrunal no luck. Building the app from Xcode gives me the same error.

Make sure you don't have space in the folder names. Check this comment.

#31259 (comment)
My path is: /Users/macbookpro/Desktop/MyApp
I have no space in the folder names.

[sumanbhattarai]

Removing

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

from ~/.bash_profile .

AND

Commenting out all the code from project/node_modules/react-native/scripts/find-node.sh
helped to solve this issue.

[alexduros]

Actually, this helps to make this stuff work but there is definitely an issue with nvm along with the exported env variables in the iOS build phase, espacially the PATH which makes the command which node differs from you login environnment, and therefore makes nvm raise an error in the build.

I finally decided to do the same as @sumanbhattarai and rely on nodenv to make it work.

Is there someone aware of how the environment variables are set by Xcode for the build phases and how to customize/fix it ?

[hlynbech]

We had the same issue when building on a build server with fastlane, when fastlane is started from a shell that has NVM environment variables set.
Removing the NVM variables as @sumanbhattarai suggests from the shell (in this case in .zshrc) makes the build work in fastlane.
The build never had issues when building from the Xcode UI.