[ios only] No bundle URL error when npx react-native init ProjectName

[steadev]

Description

I followed npx @react-native-community/cli@latest init AwesomeProject in official document
(react-native 0.74.1)

But I got no bundle url present error.

react-native run-ios works fine.

But! run from Xcode presents that error.

Also, when install archived app, it crashed right after start app because of the bundle...

What's wrong with this...

Steps to reproduce

1. npx @react-native-community/cli@latest init AwesomeProject
2. npm install && npx pod-install
3. Run from Xcode
4. No bundle url error...
5. Archive from Xcode and install app (distributed by firebase app distribution)
6. Start app -> crashed

React Native Version

0.74.1

Affected Platforms

Runtime - iOS

Output of npx react-native info

System:
  OS: macOS 14.4.1
  CPU: (8) arm64 Apple M1
  Memory: 123.97 MB / 16.00 GB
  Shell:
    version: 3.2.57
    path: /bin/bash
Binaries:
  Node:
    version: 18.20.2
    path: ~/.nvm/versions/node/v18.20.2/bin/node
  Yarn:
    version: 3.6.4
    path: /usr/local/bin/yarn
  npm:
    version: 10.5.0
    path: ~/.nvm/versions/node/v18.20.2/bin/npm
  Watchman:
    version: 2024.05.06.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.14.3
    path: /usr/local/lib/ruby/gems/3.3.0/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2023.3 AI-233.14808.21.2331.11709847
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 3.3.1
    path: /usr/local/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.1
    wanted: 0.74.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Stacktrace or Logs

errors in Xcode

nw_socket_handle_socket_event [C1.1.1:2] Socket SO_ERROR [61: Connection refused]
nw_socket_handle_socket_event [C1.1.2:2] Socket SO_ERROR [61: Connection refused]
Connection 1: received failure notification
Connection 1: failed to connect 1:61, reason -1
Connection 1: encountered error(1:61)
Task <37BDFE0A-C667-42E4-BAFE-92873BEC1879>.<1> HTTP load failed, 0/0 bytes (error code: -1004 [1:61])
Task <37BDFE0A-C667-42E4-BAFE-92873BEC1879>.<1> finished with error [-1004] Error Domain=NSURLErrorDomain Code=-1004 "Could not connect to the server." UserInfo={_kCFStreamErrorCodeKey=61, NSUnderlyingError=0x600000c5fc30 {Error Domain=kCFErrorDomainCFNetwork Code=-1004 "(null)" UserInfo={_NSURLErrorNWPathKey=satisfied (Path is satisfied), interface: en0[802.11], uses wifi, _kCFStreamErrorCodeKey=61, _kCFStreamErrorDomainKey=1}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalDataTask <37BDFE0A-C667-42E4-BAFE-92873BEC1879>.<1>, _NSURLErrorRelatedURLSessionTaskErrorKey=(
    "LocalDataTask <37BDFE0A-C667-42E4-BAFE-92873BEC1879>.<1>"
), NSLocalizedDescription=Could not connect to the server., NSErrorFailingURLStringKey=http://localhost:8081/status, NSErrorFailingURLKey=http://localhost:8081/status, _kCFStreamErrorDomainKey=1}
No bundle URL present.

Make sure you're running a packager server or have included a .jsbundle file in your application bundle.

Reproducer

https://github.com/steadev/rn-error

Screenshots and Videos

[ernestbies]

Metro bundler is no longer automatically started when building with Xcode - #38242.

[steadev]

@ernestbies Thank you for the comment.

Then, what should I do to distribute ios app?
Just run app from Xcode is possible by yarn start...

But archive also doesn't create jsbundle. So app crashed...
Should I create bundle file every archive? It looks very inconvenient.

[ernestbies]

@steadev I haven't tested it yet :(. I'm also thinking about writing my own script to restore this functionality because it was very useful on iOS. So, opening Metro Bundler first and then Archive causes an error?

[steadev]

@ernestbies Opening Metro Bundler first and then Archive is succeed.
However, if I do this every time, I may make a mistake in archiving without bundling, and it is inconvenient.

---

Oh, When i retried, archive failed...

---

Suddenly, It works.. I don't know why.. I did nothing.......;;;

[fiizzy]

After 6 agonizing days of trying to figure out this issue, on my end, it was as a result of sentry.

In my Build Phases > Bundle React native code and Images , I was also bundling Sentry's environment as part of the final build. On my end, I believe Sentry was not properly setup, so it was causing the entire build process to misbehave.

Simply test without the Sentry environment to see if that's the issue (and then fix accordingly). I urge you to look at that script to see if you're bundling multiple environments:

With Sentry:

set -e
export NODE_BINARY=node
export ENTRY_FILE="/Users/xx/index.ts"
 WITH_ENVIRONMENT="../node_modules/react-native/scripts/xcode/with-environment.sh"
REACT_NATIVE_XCODE="../node_modules/react-native/scripts/react-native-xcode.sh"
SENTRY_XCODE="../node_modules/@sentry/react-native/scripts/sentry-xcode.sh"
BUNDLE_REACT_NATIVE="/bin/sh $SENTRY_XCODE $REACT_NATIVE_XCODE"  //<----- (with sentry)

/bin/sh -c "$WITH_ENVIRONMENT \"$BUNDLE_REACT_NATIVE\""

Without Sentry

set -e
export NODE_BINARY=node
export ENTRY_FILE="/Users/xx/index.ts"
 WITH_ENVIRONMENT="../node_modules/react-native/scripts/xcode/with-environment.sh"
REACT_NATIVE_XCODE="../node_modules/react-native/scripts/react-native-xcode.sh"
SENTRY_XCODE="../node_modules/@sentry/react-native/scripts/sentry-xcode.sh"
BUNDLE_REACT_NATIVE="/bin/sh $REACT_NATIVE_XCODE"  // <-----(without Sentry)

/bin/sh -c "$WITH_ENVIRONMENT \"$BUNDLE_REACT_NATIVE\""

Again, I have to ensure I setup Sentry well, but for now I can debug well 👍