Source code was not found for app:///main.jsbundle

[dengwanc]

OS:

• Windows
• MacOS
• Linux

Platform:

• iOS
• Android

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

v6.12.1
3.10.10
MyReactNativeApp@0.0.1 /Users/dengwanc/Projects/maimai_react_native
├── immutable@3.8.1
├── moment-mini@2.18.1
├── prop-types@15.5.10
├── query-string@5.0.0
├── react@16.0.0-alpha.12
├── react-native@0.47.1
├── react-native-iphone-x-helper@1.0.1
├── react-native-linear-gradient@2.2.0
├── react-native-popup-menu@0.8.0
├── react-native-sentry@0.32.1
├── react-redux@5.0.5
├── redux@3.7.2
├── redux-actions@2.2.1
├── redux-batched-actions@0.1.6
└── underscore@1.8.3

Config:

Sentry.config("http://user:pwd@some-sentry.com//18", {
    release: '2da95dfb052f477380608d59d32b4ab9',
}).install();

---

I have following issue:

react native sentry source map JUST not working !!!

my upload script

sentry-cli --auth-token 27d37b4efd73439d820fgcdzaowanmiewang1f84ed1949148137c3fb9a3 \
--url http://some-sentry.com \
releases -o sentry -p react-native files \
2da95dfb052f477380kk8d59d32b4ab9 upload-sourcemaps \
--rewrite --validate main.jsbundle.map

I GOT THIS IN Senry UI ，I am SO confused NOW

Source code was not found for app:///main.jsbundle 
{
  "url": "app:///main.jsbundle"
}

[HazAT]

I guess you have to add --url-prefix ~/ as an additional parameter.
Can you share a screenshot of your release artifacts in Sentry?

[dengwanc]

This is My release list

app:/main.jsbundle.map
None
3.8 MB

file:/main.jsbundle
None
1.0 MB

file:/main.jsbundle.map
None
3.8 MB

https://dengwanc.github.io/main.jsbundle
None
1.0 MB

https://dengwanc.github.io/main.jsbundle.map
None
3.8 MB

~/main.jsbundle
None
1.0 MB

~/main.jsbundle.map
None
3.8 MB

Sorry Cant use Github Image Service IN China 😄

[HazAT]

@dengwanc
A few things I've noticed.
First, it says reported with raven-js as SDK instead of react-native-sentry which indicates that something with your initial setup went wrong.
Did you call react-native link react-native-sentry?
Also, how are you building your app, in debug or release? Because the stacktrace looks more than strange, almost if you used not the facebook bundler.

[dengwanc]

react-native how to specify ios and android dir. like

react-native link react-native-sentry --native-dir my_ios_dir my_android_dir

[yaronlevi]

I followed the instructions carefully (including the code push part):
https://docs.sentry.io/clients/react-native/

And I still can't get the line numbers and source code to be shown at the dashboard. I get this error:

Source code was not found for app:///index.bundle

It looks like Sentry is looking for index.bundle, while the artifacts in the release (which was created by Sentry Cli with code push command) looks like this:

~/main.jsbundle
~/main.jsbundle.map

[HazAT]

@yaronlevi Can you link an event here?
The version and dist of the release in Sentry must match the version and dist on the event itself.
But in general this looks correct, would need to link to give a better answer.

[anandprabhu]

@HazAT I'm facing a similar error when creating Android release builds. The ~/index.android.bundle and the ~/index.android.bundle.map are present in the Artifacts tab of Releases. But still for the javascript errors it shows Source code was not found for app://index.android.bundle. I am using the online hosted version of Sentry.

[HazAT]

If your android event it reported with raven-js
This is not correct, this indicates something went wrong with the native Android SDK setup.

Here is probably the fix for your problem:
#167
#213

What version of Android Studio and build tools are you running?
I still need a way to reproduce this issue.

Make sure the event is reported with sentry-react-native
you can find this on the bottom of the event in the SDK section.

[anandprabhu]

@HazAT I have configure the react-native-sentry library for both the iOS and Android builds. I am not sure why the SDK is mentioned as raven-js in the dashboard. Below are the details of the libs used,

"react": "^16.2.0",
"react-native": "^0.52.2",
"react-native-sentry": "^0.33.0"

I am using the command line to build the app and not using the Android Studio. Although the version i have currently installed is Android Studio 3.0 and the Build Tools is 26.0.0. Do let me know if you need more information which i could provide over e-mail directly.

[HazAT]

@anandprabhu Can you look at the 2 issues I posted.
It looks like that compile project(':react-native-sentry') is missing in build.gradle.
The Android SDK is definitely not running and that's why it states raven-js.

[anandprabhu]

@HazAT I have gone through both the issues but i do not find any issues with the build.gradle for my app. It seems to contain the correct entry for the compile project(':react-native-sentry') and creating build also works fine without any issues. I have tried to unlink the library, remove the node_modules folder and then do everything from the start. Still facing the same issues.

[HazAT]

@anandprabhu
Can you do the following:
Create a clean react-native project and see if you still having this issue.

react-native init AwesomeProject
cd AwesomeProject
yarn add react-native-sentry
react-native link react-native-sentry
react-native run-android

I just did it and it worked.
Check the log output if you can find something like

...
io.sentry.android.AndroidSentryClientFactory: Sentry init with ctx='com.awesomeproject.MainApplication@95354ef' and dsn='Dsn{uri=https://sentry.io/}'
...
react-native-sentry: startWithDsnString 'YOUR DSN'

[anandprabhu]

@HazAT I tried the same steps but do not find the lines that you have mentioned at the end. Will it be printout out in the command-line during the react-native run-android?

[HazAT]

If it is running on a device you have to start logcat to see the output.
Alternatively, you can start the project in Android Studio.