Sourcemap doesn't work

[doochik]

OS:

• Windows
• MacOS
• Linux

Platform:

• iOS
• Android

Output of node -v && npm -v && npm ls --prod --depth=0

v8.5.0
5.4.2

├── babel-preset-react-native@2.0.1
├── debug@3.0.1
├── lodash@4.17.4
├── moment@2.18.1
├── prop-types@15.5.10
├── react@16.0.0-alpha.12
├── react-native@0.48.3
├── react-native-appmetrica@0.0.1 (git://github.com/doochik/react-native-appmetrica.git#eae1237a98a23671655f300ab429c8f567b57d86)
├── react-native-communications@2.2.1
├── react-native-deprecated-custom-components@0.1.1
├── react-native-device-info@0.11.0
├── react-native-fabric@0.5.0
├── react-native-fabric-crashlytics@0.1.8
├── react-native-fbsdk@0.6.1
├── react-native-google-analytics-bridge@5.2.2
├── react-native-imagepicker@2.0.0
├── react-native-l20n@0.0.8
├── react-native-linear-gradient@2.2.0
├── react-native-pagecontrol@4.0.0
├── react-native-photo-view@1.3.0
├── react-native-sentry@0.23.2
├── react-native-simple-action-sheet-ios@0.0.1
├── react-native-svg@5.4.1
├── react-native-tab-navigator@0.3.4
├── react-native-vkontakte-login@0.1.17
├── react-redux@5.0.6
├── redux@3.7.2
├── redux-logger@3.0.6
├── redux-thunk@2.2.0
└── whatwg-fetch@2.0.3

Config:

// I use default config
Sentry.config('https://...@sentry.io/...', {}).install()

---

I have following issue:

Sentry doesn't expand error stacktrace and I see processing error "Source code was not found for app:///main.jsbundle".

At release tab I see that sourcemaps are uploaded with names ~/main.jsbundle and ~/main.jsbundle.map, not "app:///main.jsbundle".

Is this bug or I've missed something in Sentry config?

I use Sentry 8.19.0

[HazAT]

That should be fine, ~/ will be matched to the app:/// prefix.
Can you link to an event so I can take a look at it?

[doochik]

Sorry, my Sentry installation is private.

May be I can provide some additional info?

[HazAT]

The release/dist also have to match in order for Sentry to symbolicate the frames correctly.

[swl367]

I'm having the same issue here, but when I build a release build via xcode, it looks like my sourcemap doesn't get uploaded to the version I want.

My Bundle React Native code and images build phase has the correct commands from running react-native link.

Any reason why my sourcemaps aren't uploading?

Edit: I just found out that because I'm using codepush, the errors being logged and the source maps being uploaded are on the wrong release. How do I resolve this?

[HazAT]

@swl367 https://docs.sentry.io/clients/react-native/codepush/
Also you have to upload source file + sourcemap by yourself with sentry-cli

[swl367]

@HazAT That's where I'm having trouble. If I upload the sourcemap using rewrite, strip-common-prefix, and the other commands, I still see the "cannot find source for app:///mainbundle.js" error.

I guess I've been uploading the sourcemap, but what's the correct way to upload the files?

$ sentry-cli releases files VERSION upload /path/to/file '~/file.js'

What is the path to file and filejs here?

Any ideas on that? I appreciate your input here.

[HazAT]

@swl367 I've just updated our docs and fixed bunch of stuff.
https://docs.sentry.io/clients/react-native/codepush/

Also make sure to use the latest sentry-cli version 1.20 which soon will be released.

[HazAT]

@doochik To clear things up, your upload looks fine but you have to make sure that your event version matches the release on the server where you uploaded the sourcemaps.

[valeryq]

@HazAT Right now in Sentry I see full path to main.jsbundle (/Users/development/Library/Developer/CoreSimulator/Devices/2E07D1E4-2C5F-4B9C-844F-F05443C2D3E7/data/Containers/Bundle/Application/AEFD1C68-0E1C-4160-AD1A-39B9231E29B4/Application.app/main.jsbundle)
Artifacts for this release uploaded with names (~/main.jsbundle and ~/main.jsbundle.map), but it not matched with full path and logs are not parsed. Any idea?

[HazAT]

@valeryq Which version of react-native-sentry are you using. It should not upload frames with the full path it should look like app:///main.jsbundle.
If release a fix for this in the latest version, make sure to upgrade.

[valeryq]

@HazAT I'm using pure raven-js, but earlier it worked correctly :) Maybe you have some tips for me?

[HazAT]

@valeryq I would use react-native-sentry, and if you are not comfortable with using the native integration you can just disable it (I do not recommend doing so)

 Sentry.config('DSN', {
    disableNativeIntegration: true,
  }).install();

There are so many things to consider when running a react-native app, we do no longer support using just raven-js without react-native-sentry

[valeryq]

@HazAT so, I switched to react-native-sentry, and after that I really see app:///main.jsbundle in logs, great. But can I specify release name manually from JS client? And can I disable automatic sourcemap handling?