react-native: iOS fails to run on version 0.72.1, 'react/debug/react_native_assert.h' file not found on RunLoopObserver.cpp (React-utils)
Description
I get the error: ‘react/debug/react_native_assert.h’ file not found, React-utils/RunLoopObserver. This is my Podfile:
# Resolve react_native_pods.rb with node to allow for hoisting
require Pod::Executable.execute_command('node', ['-p',
'require.resolve(
"react-native/scripts/react_native_pods.rb",
{paths: [process.argv[1]]},
)', __dir__]).strip
platform :ios, '13.0'
prepare_react_native_project!
flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled
dynamic_frameworks = [
'Starscream',
'iProov',
'DatadogSDK',
'SwiftProtobuf',
]
pre_install do |installer|
installer.pod_targets.each do |pod|
if !dynamic_frameworks.include?(pod.name)
puts "Overriding the static_framework? method for #{pod.name}"
def pod.static_framework?;
true
end
def pod.build_type;
Pod::BuildType.static_library
end
end
end
end
target 'POK' do
use_frameworks! :linkage => :static
config = use_native_modules!
flags = get_default_flags()
use_react_native!(
:path => config[:reactNativePath],
:hermes_enabled => true,
:fabric_enabled => flags[:fabric_enabled],
:flipper_configuration => FlipperConfiguration.disabled,
:app_path => "#{Pod::Config.instance.installation_root}/.."
)
permissions_path = '../node_modules/react-native-permissions/ios'
pod 'Permission-Camera', :path => "#{permissions_path}/Camera"
pod 'Permission-Contacts', :path => "#{permissions_path}/Contacts"
pod 'Permission-Notifications', :path => "#{permissions_path}/Notifications"
pod 'Google-Maps-iOS-Utils', :git => 'https://github.com/Simon-TechForm/google-maps-ios-utils.git', :branch => 'feat/support-apple-silicon'
pod 'SRSRadialGradient', :path => '../node_modules/react-native-radial-gradient/ios'
pod 'FirebaseCoreExtension', :modular_headers => true
pod 'FirebaseInstallations', :modular_headers => true
pod 'GoogleDataTransport', :modular_headers => true
pod 'nanopb', :modular_headers => true
pod 'FirebaseCore', :modular_headers => true
pod 'FirebaseCoreInternal', :modular_headers => true
pod 'GoogleUtilities', :modular_headers => true
$RNFirebaseAsStaticFramework = true
rn_maps_path = '../node_modules/react-native-maps'
pod 'react-native-google-maps', :path => rn_maps_path
target 'POKTests' do
inherit! :complete
# Pods for testing
end
post_install do |installer|
installer.pods_project.targets.each do |target|
target.build_configurations.each do |config|
config.build_settings['BUILD_LIBRARY_FOR_DISTRIBUTION'] = 'YES'
end
end
installer.generated_projects.each do |project|
project.targets.each do |target|
target.build_configurations.each do |config|
config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.0'
end
end
end
`sed -i -e $'s/__IPHONE_10_0/__IPHONE_13_0/' #{installer.sandbox.root}/RCT-Folly/folly/portability/Time.h`
path = "Pods/Target Support Files/Pods-POK/Pods-POK-frameworks.sh"
lines = File.readlines(path)
lines.insert(177, 'install_framework "${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/hermes.framework"'+"\n")
File.write(path, lines.join, mode: "w")
end
end
### React Native Version
0.72.1
### Output of `npx react-native info`
System:
OS: macOS 13.0
CPU: (8) x64 Intel(R) Core(TM) i7-1068NG7 CPU @ 2.30GHz
Memory: 74.79 MB / 32.00 GB
Shell:
version: 5.8.1
path: /bin/zsh
Binaries:
Node:
version: 18.16.1
path: ~/.nvm/versions/node/v18.16.1/bin/node
Yarn:
version: 1.22.18
path: /usr/local/bin/yarn
npm:
version: 9.5.1
path: ~/.nvm/versions/node/v18.16.1/bin/npm
Watchman:
version: 2023.07.03.00
path: /usr/local/bin/watchman
Managers:
CocoaPods:
version: 1.12.1
path: /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 22.4
- iOS 16.4
- macOS 13.3
- tvOS 16.4
- watchOS 9.4
Android SDK:
API Levels:
- "23"
- "28"
- "29"
- "30"
- "31"
- "32"
- "33"
Build Tools:
- 28.0.3
- 29.0.0
- 29.0.2
- 29.0.3
- 30.0.2
- 30.0.3
- 31.0.0
- 32.0.0
- 33.0.0
System Images:
- android-24 | Google Play Intel x86 Atom
- android-29 | Intel x86 Atom_64
- android-30 | Intel x86 Atom_64
- android-30 | Google APIs Intel x86 Atom
- android-30 | Google Play Intel x86 Atom
- android-31 | Intel x86 Atom_64
- android-33 | Google APIs Intel x86 Atom_64
- android-33 | Google Play Intel x86 Atom_64
Android NDK: Not Found
IDEs:
Android Studio: 2022.2 AI-222.4459.24.2221.10121639
Xcode:
version: 14.3.1/14E300c
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.1
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.1
wanted: 0.72.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false
### Steps to reproduce
i migrated my app to a new clean version of a React native 0.72.1. i install my dependencies successfully using `yarn install`, then i run `pod install` successfully, but when i try to run the project on iOS, it throws me `'react/debug/react_native_assert.h' file not found` error.
Here's my package.json
{ “name”: “POK”, “version”: “0.0.1”, “private”: true, “scripts”: { “postinstall”: “patch-package”, “android”: “react-native run-android”, “ios”: “react-native run-ios”, “lint”: “eslint .”, “start”: “react-native start”, “test”: “jest” }, “dependencies”: { “@react-native-async-storage/async-storage”: “^1.19.0”, “@react-native-clipboard/clipboard”: “^1.11.2”, “@react-native-community/blur”: “^4.3.2”, “@react-native-community/netinfo”: “^9.4.1”, “@react-native-firebase/analytics”: “^18.1.0”, “@react-native-firebase/app”: “^18.1.0”, “@react-native-firebase/crashlytics”: “^18.1.0”, “@react-native-firebase/messaging”: “^18.1.0”, “@react-navigation/bottom-tabs”: “^6.5.8”, “@react-navigation/native”: “^6.1.7”, “@react-navigation/native-stack”: “^6.9.13”, “@react-navigation/stack”: “^6.3.17”, “axios”: “^1.4.0”, “buffer”: “^6.0.3”, “card-validator”: “^8.1.1”, “expo-modules-core”: “^1.5.4”, “fbjs”: “^3.0.5”, “isomorphic-webcrypto”: “^2.3.8”, “js-base64”: “^3.7.5”, “lodash”: “^4.17.21”, “lodash.compact”: “^3.0.1”, “lodash.every”: “^4.6.0”, “lodash.pick”: “^4.4.0”, “lodash.values”: “^4.3.0”, “lottie-ios”: “3.4.1”, “lottie-react-native”: “^5.1.6”, “moment-timezone”: “^0.5.43”, “patch-package”: “^7.0.0”, “postinstall-postinstall”: “^2.1.0”, “prop-types”: “^15.8.1”, “react”: “18.2.0”, “react-hook-form”: “^7.45.1”, “react-native”: “0.72.1”, “react-native-biometrics”: “^3.0.1”, “react-native-blob-util”: “^0.18.3”, “react-native-bootsplash”: “^4.7.4”, “react-native-calendars”: “^1.1299.0”, “react-native-camera”: “^4.2.1”, “react-native-confirmation-code-field”: “^7.3.1”, “react-native-contacts”: “^7.0.5”, “react-native-device-info”: “^10.7.0”, “react-native-fast-image”: “^8.6.3”, “react-native-flash-message”: “^0.4.1”, “react-native-flip-card”: “^3.5.7”, “react-native-geocoding”: “^0.5.0”, “react-native-geolocation-service”: “^5.3.1”, “react-native-gesture-handler”: “^2.12.0”, “react-native-google-places-autocomplete”: “^2.5.1”, “react-native-image-picker”: “^5.6.0”, “react-native-jumio-mobilesdk”: “https://github.com/Jumio/mobile-react.git#v4.5.0”, “react-native-keychain”: “^8.1.1”, “react-native-linear-gradient”: “^2.7.3”, “react-native-loading-spinner-overlay”: “^3.0.1”, “react-native-localization”: “^2.3.2”, “react-native-localize”: “^3.0.2”, “react-native-map-clustering”: “^3.4.2”, “react-native-maps”: “^1.7.1”, “react-native-masked-text”: “^1.13.0”, “react-native-mmkv”: “^2.10.1”, “react-native-modal”: “^13.0.1”, “react-native-modalize”: “^2.1.1”, “react-native-pdf”: “^6.7.1”, “react-native-permissions”: “^3.8.3”, “react-native-qrcode-scanner”: “^1.5.5”, “react-native-qrcode-svg”: “^6.2.0”, “react-native-radial-gradient”: “^1.1.3”, “react-native-radio-buttons”: “^1.0.0”, “react-native-reanimated”: “^3.3.0”, “react-native-safe-area-context”: “^4.6.4”, “react-native-screens”: “^3.22.1”, “react-native-skeleton-content-nonexpo”: “^1.0.13”, “react-native-svg”: “^13.9.0”, “react-native-toast-message”: “^2.1.6”, “react-native-vector-icons”: “^9.2.0”, “react-native-webview”: “^13.2.2”, “react-redux”: “^8.1.1”, “reanimated-bottom-sheet”: “^1.0.0-alpha.22”, “redux”: “^4.2.1”, “redux-logger”: “^3.0.6”, “redux-persist”: “^6.0.0”, “redux-thunk”: “^2.4.2”, “reselect”: “^4.1.8”, “socket.io-client”: “^4.7.1”, “validate.js”: “^0.13.1” }, “devDependencies”: { “@babel/core”: “^7.20.0”, “@babel/preset-env”: “^7.20.0”, “@babel/runtime”: “^7.20.0”, “@react-native/eslint-config”: “^0.72.2”, “@react-native/metro-config”: “^0.72.7”, “@tsconfig/react-native”: “^3.0.0”, “@types/metro-config”: “^0.76.3”, “@types/react”: “^18.0.24”, “@types/react-test-renderer”: “^18.0.0”, “babel-jest”: “^29.2.1”, “babel-plugin-module-resolver”: “^5.0.0”, “eslint”: “^8.19.0”, “eslint-plugin-import”: “^2.27.5”, “jest”: “^29.2.1”, “metro-react-native-babel-preset”: “0.76.5”, “prettier”: “^2.4.1”, “react-native-svg-transformer”: “^1.0.0”, “react-test-renderer”: “18.2.0”, “typescript”: “4.8.4” }, “engines”: { “node”: “>=16” } }
Snack, code example, screenshot, or link to a repository
About this issue
- Original URL
- State: closed
- Created a year ago
- Reactions: 10
- Comments: 85 (19 by maintainers)
@cipolleschi I’ve been investigating further, and finally find out that this problem might have something to do with monorepo structure. My workspace is managed by Nx (monorepo tool). Nx’s way to manage ReactNative app as a sub project, specificaly to have a symlink inside sub project directory to root node_modules directory, is causing the build error. I’m not sure this is a problem on React Native itself, or Nx’s one, but I’m sharing the reproduction repository here. https://github.com/mokoshi/rn-repro
Related issue which is on Nx’s repository: https://github.com/nrwl/nx/issues/20115
The full snippet is below
After further testing while this resolves the
react/debug/react_native_assert.hI am now getting another error forReact-NativeModulesApple-->'ReactCommon/TurboModuleBinding.h' file not found.Seems like other folks who have
use_frameworks!are getting the later as well. https://github.com/react-native-tvos/react-native-tvos/issues/575Edit: After further debugging this seems to be an issue with the recent
0.72.5release.0.72.4works for me onXCode 14.3.1&15, but0.72.5leads to the above errors.@mokoshi Symlink support was experimental in 0.72 and is now stable in 0.73.
We know that React Native does not behaves very well in monorepo setups, but we are working to improve the situation.
Good news, I understood the problem. Bad news, this is an issue with
react-native-image-picker.This is the PR that fixes. You can apply it to your
node_moduleswhile the maintainer release a new version (or any other patching mechanism).Aaaaaanyway, the technical bits if you are interested.
@importstatement here (why? I have no clue! ¯_(ツ)_/¯)RunLoopObserver.hyou can see here i’am success
and you can type npx react-native doctor
https://github.com/facebook/react-native/issues/38140
I solved the problem. Add these code blocks to Podflie
I disabled flipper and i tried this solution https://github.com/nrwl/nx/issues/20115#issuecomment-1895965371 but still same 😦 @Slapbox
I am using use_framework! and
@Slapbox i tried your solution but still same error
Thank you for your help. I’m trying to create a minimum reproducible example from each side, my own repository and the empty project. I will share here if I create that successfully.
@wkwyatt Your problem is probably different from the
react-native-image-picker.To help you out I need the exact list of dependencies you are using. The most likely cause is that there is a dependency that is not properly configured that is trying to access the
TurboModuleBinding.hfiles without having it in its own search_path. Thus, the dependency don’t find the file and it shows the error. Therefore, the app fails to build.However, there are 1309 libraries that have React Native as their dependency. Many of them are deprecated or unmaintained. I can’t try and fix them all, so, please, provide a reproducer with your dependencies.
@vksgautam1986 I’m investigating the issue. I cleaned up a little the Podfile, this is the correct version: https://github.com/vksgautam1986/RnIssue/pull/1
After that, I started investigating the issue. I found that the culprit is
react-native-image-pickerwhich seems to be not compatible withuse_frameworks!Once I remove it withyarn remove react-native-image-pickerit then works seamlessly.I’m now trying to understand what makes
react-native-image-pickerfail so badly and I’m looking for a solution.I am encountering the same issue. Tried both RN 0.72.4 and 0.72.6 and all the workarounds from here.
There is still
React-NativeModulesApple --> 'ReactCommon/TurboModuleBinding.h' file not foundafter adding the workaround in pods:+1
LE: Fixed by using https://github.com/software-mansion/react-native-svg/issues/2081#issuecomment-1691758876 Make sure you pass the libraries that complain
Need help . all the RN project failing to install pod
here is the log
` [!] Error installing hermes-engine
――― MARKDOWN TEMPLATE ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Command
Report
What did you do?
What did you expect to happen?
What happened instead?
Stack
Plugins
Podfile
Error
`
There are a few things we can do:
If you plan to integrate your library into a React Native app, you still have to use the tool above, because the podspec and podfile needs to call the React Native specific hooks. In that case, you can leave the JS side of the library empty.
We do a lot of work on Cocoapods under the hood so that users don’t have to run manual changes on the projects. We also have auto-linking so that a user just have to
yarn add <yourlibrary>and it does not need to modify the Podfile.I don’t know what’s the extent of the library you are developing, but in the React Native community the expectation is that users don’t have to touch native code, if possible.
Thank you so much! PSA: I’ll be on PTO from tomorrow until the 12th of December (6-7 working days). I hope this would not be a major issue.
IIUC, you are building the reproducer with a static framework setup. 🤔 We have tests in CI for the framework setup and they are passing. So I’m a bit skeptical that this is the root problem, but it can be a way in which it manifest.
Can I ask you to create a reproducer by:
react_native_assert.h not foundone)In that way I can download the code and investigate. What I think is happening is another dependency that is not properly configured which is not depending on
React-debugwhich exposes thereact_native_assert.hheader.Thank you for the instructions @cipolleschi !
Probably yes…? First of all, I can build the reproducer repo. Additional information:
react-native-image-picker@7.0.3is still not an problem. It successfully builds.Podfileas below cause a build error.Podfile diff
(The error is not the same as this GitHub issue focuses on 🤔 )
I followed your instructions, but still having the same error:
react_native_assert.h not foundHere is my podfile:
thanks fix is working fine for me and i have patched the image picker fix as well and thanks for the technical explination of the issue. Now it’s more clear about things
If you are using react-native-image-picker, the reason is that that library is using a Swift import that is not compatible. When the libraries are loaded and react-native-image-picker is loaded, the resolution fails at the first c++ symbol encountered. The suggested patch removed the Swift import, therefore fixing the incompatibility.
Otherwise, TurboModuleBinding is another issue. It wasn’t happening in the repro provided by @vksgautam1986
If you had that failure, please provide a repro with the dependencies you are using. React Native builds properly with use_frameworks! And it works with Firebase. If you are seeing that error is because either the Podfile you are using is tampering with the the dependencies setup or there is another dependency that is causing issues.
I need to look into the specifics and I need a repro with all your deps.
Thanks , i have invited you
@cipolleschi please post the fixed changes here I am having the same issue
I’ll have a look at it tomorrow! Thanks for the repro @vksgautam1986 Can you also invite me as a collaborator, so I can make changes and share them with you more easily?
Just ran into the same issue when adding RN Firebase to project and adding
use_frameworks! :linkage => :static. Can confirm downgrading RN to 0.72.4 resolves the issue. Also may be worth mentioning I’m using pnpm and started my project on 0.72.3 version.On 0.72.6 the workaround from @enchorb fixed this specific issue for me, but lead to other import problems, finally I got stuck on error resolving FLT_MAX constant.
Downgrading to 0.72.4 (from 0.72.5) and upgrading the XCode from 14.3.2 to 15 fixed it for me without changing the Podfile.
Hi! Can you please guide me on how you resolve this? I added the following code in my pod but I am still getting the same error:
installer.pods_project.targets.each do |target| if ["React-cxxreact", "React-NativeModulesApple", "RNGestureHandler", "RNScreens", "React-utils", "React-runtimescheduler"].any? { |t| t == target.name } append_header_search_path(target, "${PODS_ROOT}/../../node_modules/react-native/ReactCommon") end end