sentry-react-native: Build fails on Xcode. Run custom shell script 'Bundle React Native code and images'

I also encountered the same issue and fixed and got help from this post. This is actually what happen. “react-native-xcode.sh” script is in two differant paths in two different react-native versions. and this script is referred in x-code build process. please take a look at the images. according to the react-native version, You has to find where is this script and update the path in Xcode then it will start to work. In X-Code project Project > target > Build Phases > Bundle React Native code and images

export NODE_BINARY=node
../node_modules/react-native/scripts/react-native-xcode.sh

or

export NODE_BINARY=node
../node_modules/react-native/packager/react-native-xcode.sh

Path 1 YourProject > node_modules > react-native > scripts > react-native-xcode.sh

or Path 2 YourProject > node_modules > react-native > packager > react-native-xcode.sh

I hope this will be more clear to all.

Doing brew install node solves the issue.

Spent few hours trying to solve this. It was weird that the file mentioned actually did exist (in your case /Users/khagesh/Library/Developer/Xcode/DerivedData/CP-awyselqwjoqrjfeypmvugdxlaeoa/Build/Intermediates/CP.build/Debug-iphonesimulator/CP.build/Script-00DD1BFF1BD5951E006B06BC.sh), but the paths in it were wrong. In my case, I had react native 0.46.1.

See this pull request https://github.com/getsentry/react-native-sentry/pull/139/files Basically what I did is replace in all the project (it was in around 3 files) node_modules/react-native/packager/react-native-xcode.sh with node_modules/react-native/scripts/react-native-xcode.sh

That is true for react native 0.46+. However, I don’t think it is solution for the problem in general. Also, I am using react native 0.44 and unfortunately we are not planning an upgrade as of now. But the good news for me is that I solved my issue and also found out the seeming root cause after learning about custom build phases in xcode project.

Here is what I did to resolve my issue. Since sentry-cli is not a bash script, it is a node script. I added node in front of sentry-cli command and that resolved my issue with Bundle React Native Code And Images phase.

What react-native-sentry updated

export SENTRY_PROPERTIES=sentry.properties
export NODE_BINARY=node
../node_modules/sentry-cli-binary/bin/sentry-cli react-native xcode
../node_modules/react-native/packager/react-native-xcode.sh"

I changed it to add node

export SENTRY_PROPERTIES=sentry.properties
export NODE_BINARY=node
node ../node_modules/sentry-cli-binary/bin/sentry-cli react-native xcode
../node_modules/react-native/packager/react-native-xcode.sh"

After resolving this issue I faced same issue with Upload Debug Symbols to Sentry phase. So I added node in front of this script as well. However, this time I got the error that node command not found. It was strange since same script was working on Bundle phase. So, to resolve this issue I created a bash script of my own. Basically I sourced nvm again and set node in same script and then executed upload command. My script looks something like this

#!/bin/bash

# Setup nvm and set node
[ -z "$NVM_DIR" ] && export NVM_DIR="$HOME/.nvm"

if [[ -s "$HOME/.nvm/nvm.sh" ]]; then
  . "$HOME/.nvm/nvm.sh"
elif [[ -x "$(command -v brew)" && -s "$(brew --prefix nvm)/nvm.sh" ]]; then
  . "$(brew --prefix nvm)/nvm.sh"
fi

# Set up the nodenv node version manager if present
if [[ -x "$HOME/.nodenv/bin/nodenv" ]]; then
  eval "$("$HOME/.nodenv/bin/nodenv" init -)"
fi

[ -z "$NODE_BINARY" ] && export NODE_BINARY="node"

# Run sentry cli script to upload debug symbols
$NODE_BINARY ../node_modules/sentry-cli-binary/bin/sentry-cli upload-dsym

And then I replaced build phase with something like this and everything started working.

export SENTRY_PROPERTIES=sentry.properties
export NODE_BINARY=node
../build-phase-scripts/upload-dsym.sh

Root cause for all of these issues that I strongly believe is how node is setup. If node is being setup using brew then default script provided by react-native-sentry will work. But if node is being setup with nvm, then we will face these issues. To confirm my theory I took help from my colleague who was using node using brew and without any change in build phase script his project was compiling just fine.

As to why I had to create a bash script for upload phase and not just adding node worked. I don’t have the slightest of idea. I tried few possible reason but couldn’t come up with strong reason. Anyway I have fixed it for me as of now. I don’t know if we need to update docs or react-native-sentry link step to update script.

I’m using nvm and I have the same issue during xCode building.

I’m upgrading from a pretty old version of Sentry and got it working by changing the path from /sentry-cli-binary/ to /@sentry/cli/ in project.pbxproj:

- shellScript = "export SENTRY_PROPERTIES=sentry.properties\nexport NODE_BINARY=node\n../node_modules/sentry-cli-binary/bin/sentry-cli react-native xcode ../node_modules/react-native/packager/react-native-xcode.sh";
+ shellScript = "export NODE_BINARY=node\n../node_modules/@sentry/cli/bin/sentry-cli react-native xcode ../node_modules/react-native/scripts/react-native-xcode.sh";

This is still a problem. Another fix is here for NVM users: https://stackoverflow.com/a/50419734/8676545

Create symlink:

ln -s $(which node) /usr/local/bin/node

It seems this is the way to fix it if you are using nvm Similar to what @khagesh posted https://github.com/facebook/react-native/issues/3935 I will close this for now since this is unrelated to Sentry, more about node/mac/Xcode

Facing the same issue in React Native 0.69.3

@khagesh Good idea, will do that. 👍 Thx

I’ve also found that using node through NVM was a problem and installed using brew. NVM node works fine under linux for android builds however

The solution for our team was to specify the correct cli executable within our sentry.properties since we are using a mono-repo:

cli.executable=../../node_modules/@sentry/cli/bin/sentry-cli

Guys could you someone explain to me briefly what is that modification of “React Native Bundle” phase even necessary? I am trying to separate sending sentry debug symbols from actual build because I don’t need to upload these files to sentry during development, only on CI tool during production build. So I removed sentry build phase from my project but then I still see after build that something is uploading to sentry which was very weird so I took a look into project file and realized that the bundle phase is also changed by sentry. Any way how to completely separate sending symbolic files from actual build?

Original script in bundle phase: export NODE_BINARY=node\n…/node_modules/react-native/scripts/react-native-xcode.sh

After installing sentry: export SENTRY_PROPERTIES=sentry.properties\nexport NODE_BINARY=node\n…/node_modules/sentry-cli-binary/bin/sentry-cli react-native xcode …/node_modules/react-native/scripts/react-native-xcode.sh

I think we can update the docs to let people know what to do in case of nvm.