No sourcemaps detected. Did you specify the correct directory

[aaronpliu]

Bug description

for React Native project, output sourcemaps and bundle with index.android.bundle and index.android.bundle.map.
Follow https://docs.datadoghq.com/real_user_monitoring/guide/upload-javascript-source-maps/?tab=webpackjs,
I rename index.android.bundle to android.js and index.android.bundle.map to android.map, then using datadog ci
datadog-ci sourcemaps upload ./dist --service aos --release-version 5.0.0 --minified-path-prefix https://hqdatadog.com/static/ --max-concurrency 5
It throw error: "No sourcemaps detected. Did you specify the correct directory?"
What's standard filename?

Describe what you expected

No response

Steps to reproduce the issue

No response

Additional context

No response

Command

None

[marco-saia-datadog]

Hi @aaronpliu 👋

The command for React Native is datadog-ci react-native upload.

You should avoid renaming the files, and run:

datadog-ci react-native upload --platform android --bundle index.android.bundle --sourcemap index.android.bundle.map --service aos --release-version 5.0.0 --build-version 1

This is the relevant section of our documentation: https://docs.datadoghq.com/real_user_monitoring/mobile_and_tv_monitoring/react_native/error_tracking/#additional-configuration-options.

The syntax for the command is the following:

Upload ios sourcemaps
  $ datadog-ci react-native upload \
  	--platform ios \
  	--service com.company.app \
  	--bundle ./main.jsbundle \
  	--sourcemap ./main.jsbundle.map \
  	--release-version 1.23.4 \
  	--build-version 1234

Upload android sourcemaps
  $ datadog-ci react-native upload \
  	--platform android \
  	--service com.company.app \
  	--bundle ./index.android.bundle \
  	--sourcemap ./index.android.bundle.map \
  	--release-version 1.23.4 \
  	--build-version 1234

Let me know if this works for you! :)

[aaronpliu]

@marco-saia-datadog Thanks.
it's working to using "react-native" command. After uploading, I just see "main.jsbundle" for iOS and "index.android.bundle" for Android in datadog.
So what's display logic of datadog?

[aaronpliu]

"Debug ID not found in sourcemap". How to eliminate it? Is there any injection into metro? I used datadog-ci alone on non-CI build machine

[marco-saia-datadog]

Hello @aaronpliu 👋

Sorry for the long wait!

After uploading, I just see "main.jsbundle" for iOS and "index.android.bundle" for Android in datadog.
So what's display logic of datadog?

The Link Source Code page (https://app.datadoghq.com/source-code/setup/rum?search=&mapkind=react&page=1) should show two new rows, one for Android and one for iOS. The correct one will be picked depending on which platform the error is reported for, and it will be used to resolve the error stacktrace and point to your JS code. Does that answer your question?

"Debug ID not found in sourcemap"

This warning indicates that you are not using our metro configuration as explained in our docs. The Debug ID is used for consistent and reliable matching of sourcemaps and errors.