Sourcemaps not linked to error stack trace

[mfillon]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Self-hosted/on-premise

Which SDK are you using?

@sentry/vue

SDK Version

8.54.0

Framework Version

Vue 2.7.16

Link to Sentry event

No response

Reproduction Example/SDK Setup

Vite plugin config (vite.config.ts):

export default defineConfig(....
  plugins: [...,
    sentryVitePlugin({
        authToken: env.SENTRY_AUTH_TOKEN,
        org: "xxx",
        project: "xxx",
        url: "https://xxx.xxx.xxx", //self hosted URL
        disable: !env.SENTRY_AUTH_TOKEN,
        debug: true,
      }),
    ],...

Sentry initialisation code (main.ts):

Sentry.init({
    Vue,
    dsn: "...<dsnKey>...",
    environment: "local",
    integrations: [
      Sentry.browserTracingIntegration({ router }),
      Sentry.replayIntegration(),
    ],

    tracesSampleRate: 1.0,
    tracePropagationTargets: [],

    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1.0,
  });

Steps to Reproduce

After configuration of a Vue2/Vite app to integrate Sentry, errors are reported correctly in Sentry but unminification of code using sourcemaps won't work.

Using Vite plugin configured as follows:

export default defineConfig(....
  plugins: [...,
    sentryVitePlugin({
        authToken: env.SENTRY_AUTH_TOKEN,
        org: "xxx",
        project: "xxx",
        url: "https://xxx.xxx.xxx", //self hosted URL
        disable: !env.SENTRY_AUTH_TOKEN,
        debug: true,
      }),
    ],...

On project building (yarn build), the sourcemaps are uploaded correctly to Sentry and a release created with current commit hash.
Partial build output:

In Sentry, I can see the release + artifacts bundle, containing 2 artifacts (minified JS + sourcemap), though JS name is not the original one but <debug ID>-0.js

After triggering an error, it's catched correctly to Sentry, release ID seems correct, but stack trace is minified.

Looking at "Unminify Code" modal, I see the Debug ID way should work

For "Releases", I see a "Stack Frame Not Matching Artifact Name" warning, which I don't understand

Expected Result

I should see the original source files name/functions/line numbers in the error stack trace.

Actual Result

I see the minified code in the error stack trace.

[lforst]

Hi, please check the logs of your self hosted symbolicator service. Thanks!

[mfillon]

Hi, please check the logs of your self hosted symbolicator service. Thanks!

Hi, thanks,
after looking with our IT at the (docker compose) logs, we noticed this warning:

WARN fetch_sentry_json: symbolicator_service::download::sentry: Sentry API returned status code 401 Unauthorized

Checking the config.yml file, we had :

system.url-prefix: 'https://sentry.xxx.xxx' #external URL
system.internal-url-prefix: 'https://sentry.xxx.xxx' #same URL
symbolicator.enabled: true
symbolicator.options:
  url: "http://symbolicator:3021"

Changing system.internal-url-prefix to http://web:9000 and restarting fixed the issue.

I can now see the sources in the error stack trace.