ayush-leap
commented
2 weeks ago Our React Native Source Maps documentation is based on react-native-xcode.sh for iOS and on BundleHermesCTask.kt for Android. If you are having issues with the manually generated artifacts check the steps of your React Native tooling using the previous links.
It's mentioned here that documentation is based on RN 0.71, we're on 0.69.9. I found below error in logs, which doesn't seem to be expected. It might be due to some changes in internal script maybe, sharing for visibility.
+ HBC_SOURCEMAP_FILE=/Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/main.jsbundle.map
+ /Users/ayush/dev/leap/leap-cosmos-mobile/node_modules/@sentry/cli-darwin/bin/sentry-cli /Users/ayush/dev/leap/leap-cosmos-mobile/node_modules/react-native/scripts/compose-source-maps.js /Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/main.jsbundle.map /Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/main.jsbundle.map -o /Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Intermediates.noindex/LeapCosmosWallet.build/Release-iphonesimulator/LeapCosmosWalletLeap.build/DerivedSources/main.jsbundle.map
node:internal/fs/utils:344
throw err;
^
Error: ENOENT: no such file or directory, open '/Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/main.jsbundle.map'
at Object.openSync (node:fs:585:3)
at Object.readFileSync (node:fs:453:35)
at Object.<anonymous> (/Users/ayush/dev/leap/leap-cosmos-mobile/node_modules/react-native/scripts/compose-source-maps.js:34:8)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:17:47 {
errno: -2,
syscall: 'open',
code: 'ENOENT',
path: '/Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/main.jsbundle.map'
}
+ BUNDLE_FILE=/Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/LeapCosmosWalletLeap.app/main.jsbundle
+ [[ false != true ]]
+ [[ ! -f /Users/ayush/Library/Developer/Xcode/DerivedData/LeapCosmosWallet-aieqbzeeofvilehfqxgzlgsgmnyi/Build/Products/Release-iphonesimulator/LeapCosmosWalletLeap.app/main.jsbundle ]]
Using React Native Packager bundle and source map.
Processing react-native sourcemaps for Sentry upload.
> Analyzing 2 sources
> Rewriting sources
> Adding source map references
> Bundled 2 files for upload
> Bundle ID: c956a940-208d-5fd4-a9fb-35220f79ee34
> Uploaded files to Sentry
> File upload complete (processing pending on server)
> Organization: leapwallet
> Project: leap-cosmos-mobile
> Release: com.LeapCosmosWallet@0.0.1+80
> Dist: 80
> Upload type: artifact bundle
Source Map Upload Report
Scripts
~/main.jsbundle (sourcemap at main.jsbundle.map, debug id 765917f4-c73b-424e-9d96-49409eeefa63)
Source Maps
~/main.jsbundle.map (debug id 765917f4-c73b-424e-9d96-49409eeefa63)
krystofwoldrich
OS:
Platform:
SDK:
@sentry/react-native(>= 1.0.0)react-native-sentry(<= 0.43.2)SDK version: 5.22.2
react-nativeversion: 0.69.9Are you using Expo?
Are you using sentry.io or on-premise?
If you are using sentry.io, please post a link to your issue so we can take a look:
[Link to issue]
Configuration:
(
@sentry/react-native)I have the following issue:
We're trying to upgrade to sentry 4.x to 5.x. I've followed migration guide & manual setup for the same. We're facing an issue with stack traces on iOS. For Android, we're getting exact line where error occurred but on iOS, it shows a weird global file.
Android Stack Trace
iOS Stack Trace
xcode.env
``` export NODE_BINARY=$(command -v node) export SENTRY_CLI_EXTRA_ARGS="--force-foreground" export SENTRY_INCLUDE_NATIVE_SOURCES=true # Upload native iOS sources ```
Bundle React Native code and images
```sh export NODE_OPTIONS=--max-old-space-size=8192 export SENTRY_PROPERTIES=sentry-leap-release.properties export EXTRA_PACKAGER_ARGS="--sourcemap-output $DERIVED_FILE_DIR/main.jsbundle.map" set -e WITH_ENVIRONMENT="../node_modules/react-native/scripts/xcode/with-environment.sh" ../node_modules/@sentry/cli/bin/sentry-cli react-native xcode 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" # RN 0.69+ /bin/sh -c "$WITH_ENVIRONMENT \"$BUNDLE_REACT_NATIVE\"" # send runtime JavaScript dependencies in events for React Native apps. you can also set SENTRY_COLLECT_MODULES to be true for the same. /bin/sh ../node_modules/@sentry/react-native/scripts/collect-modules.sh ```
Upload Debug Symbols to Sentry
```sh export NODE_OPTIONS=--max-old-space-size=8192 export SENTRY_PROPERTIES=sentry-leap-release.properties /bin/sh ../node_modules/@sentry/react-native/scripts/sentry-xcode-debug-files.sh ```
`metro.config.js`
```js /** * Metro configuration for React Native * https://github.com/facebook/react-native * * @format */ const { getDefaultConfig, mergeConfig } = require("metro-config"); const { createSentryMetroSerializer } = require("@sentry/react-native/dist/js/tools/sentryMetroSerializer"); module.exports = (async () => { const { resolver: { sourceExts, assetExts } } = await getDefaultConfig(); const config = { transformer: { experimentalImportSupport: false, inlineRequires: true, babelTransformerPath: require.resolve("react-native-svg-transformer") }, resolver: { assetExts: assetExts.filter((ext) => ext !== "svg"), sourceExts: [...sourceExts, "svg", "jsx", "js", "ts", "tsx", "cjs", "mjs"], extraNodeModules: require("node-libs-react-native") }, serializer: { // Sentry Metro Serializer which allows you to automatically generate Debug IDs for your applications' bundles. This is crucial for making source maps work properly with Sentry // Sentry Metro Serializer can't add Debug ID to the Hermes Composed Source Maps. // refer - https://docs.sentry.io/platforms/react-native/manual-setup/metro/ customSerializer: createSentryMetroSerializer() } }; return config; })(); ```
Source Map Artifacts for iOS
Source Map Artifacts for Android
Steps to reproduce:
Actual result:
[Actual result]
Expected result:
The iOS config seems correct as per documentation. Ideally, error on iOS should also point to the correct source on Sentry similar to Android.