souremap has been unable to display

[maxming2333]

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

7.98.0

Framework Version

Vue 2.7.14

Link to Sentry event

No response

SDK Setup

Sentry.init({
  "sampleRate": 1,
  "maxBreadcrumbs": 50,
  "tracing": true,
  "tracesSampleRate": 0.4,
  "replaysSessionSampleRate": 0.4,
  "replaysOnErrorSampleRate": 1,
  "autoSessionTracking": true,
  "attachStacktrace": true,
  "environment": "prod",
  "debug": false,
  "dsn": "https://xxxxxx@sxxxx.com/49",
  "disabled": false,
  "logErrors": false,
  "cid": 0,
  "version": "2.7.14",
   ...,
});

Steps to Reproduce

Webpack

Browser:

Request Payload:

{"event_id":"0d918cd8e8414602a635b54853744ace","sent_at":"2024-06-06T10:11:26.207Z","sdk":{"name":"sentry.javascript.vue","version":"7.98.0"},"trace":{"environment":"prod","release":"v1-3765186d93fbd7a1ad700304a7a347f788b18f0a","public_key":"4bf89d861eae5b3f5914935873ddaf8d","trace_id":"4660d7efc9ac429097bf47ac16f876e5","replay_id":"9d93e637b45b41ddb9d556a5e1610793"}}
{"type":"event"}
{"exception":{"values":[{"type":"Error","value":"xxxx--------->test-souremap","stacktrace":{"frames":[{"filename":"https://r.xxx.com/fe/hs-sa-h5-vue-financing/prod/js/chunk-vendors.39b351b4.js","function":"o","in_app":true,"lineno":28,"colno":56191},{"filename":"https://r.xxx.com/fe/hs-sa-h5-vue-financing/prod/js/app.b84d2d68.js","function":"?","in_app":true,"lineno":1,"colno":92288},{"filename":"https://r.xxx.com/fe/hs-sa-h5-vue-financing/prod/js/app.b84d2d68.js","function":"a.kk","in_app":true,"lineno":1,"colno":92324},{"filename":"https://r.xxx.com/fe/hs-sa-h5-vue-financing/prod/js/app.b84d2d68.js","function":"x","in_app":true,"lineno":1,"colno":91999},{"filename":"https://r.xxx.com/fe/hs-sa-h5-vue-financing/prod/js/app.b84d2d68.js","function":"s","in_app":true,"lineno":1,"colno":163580}]},"mechanism":{"type":"instrument","handled":false,"data":{"function":"setTimeout"}}}]},"level":"error","event_id":"0d918cd8e8414602a635b54853744ace","platform":"javascript","request":{"url":"https://www.xxx.com/xxxxxxxxx","headers":{"User-Agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 xxx NetType/Wifi Lang/en_US Theme/light ScreenPadding/{54,0,34,0}"}},"timestamp":1717668686.205,"environment":"prod","release":"v1-3765186d93fbd7a1ad700304a7a347f788b18f0a","sdk":{"integrations":["InboundFilters","FunctionToString","TryCatch","Breadcrumbs","GlobalHandlers","LinkedErrors","Dedupe","HttpContext","Vue","BrowserTracing","Replay"],"name":"sentry.javascript.vue","version":"7.98.0","packages":[{"name":"npm:@sentry/vue","version":"7.98.0"}]},"breadcrumbs":[{"timestamp":1717668680.674,"category":"sentry.event","event_id":"8e72e7b2c7934782bf9ccd5dca9aa3d4","level":"info","message":"Error: Not login! go to the login page"},{"timestamp":1717668681.024,"category":"console","data":{"arguments":["load success"],"logger":"console"},"level":"log","message":"load success"},{"timestamp":1717668681.193,"category":"xhr","data":{"method":"POST","url":"https://api.xxx.com/xxxxx","status_code":200,"request_body_size":54,"response_body_size":55},"type":"http"},{"timestamp":1717668681.205,"category":"sentry.event","event_id":"abf60a0a61444b17bec826e1d7a8ae49","level":"info","message":"Error: Not login! go to the login page"},{"timestamp":1717668682.198,"category":"fetch","data":{"method":"POST","url":"https://api.xxx.com/xxxxx","__span":"9bf13c84d45490f1","status_code":200,"request_body_size":75},"type":"http"}],"tags":{"replayId":"9d93e637b45b41ddb9d556a5e1610793"},"extra":{"arguments":[]},"contexts":{"trace":{"trace_id":"4660d7efc9ac429097bf47ac16f876e5","span_id":"9760c1405e5962ae"}}}

Sentry:

Release: v1-3765186d93fbd7a1ad700304a7a347f788b18f0a

Expected Result

I did everything, but I still found that it could not be associated with souremap

---

The permissions of the sentry-data directory corresponding to docker-compose were also corrected. getsentry/self-hosted#302

Actual Result

Obviously the souremap I uploaded contains ~/fe/hs-sa-h5-vue-financing/prod/js/app.b84d2d68.js, but in sentry it keeps saying that it cannot be found, and then the souremap cannot be displayed.

[maxming2333]

I would like to ask which problem is this: sentry, docker, docer-compose, self-hosted, sentry-vue or sentry-js ?

[maxming2333]

I fix to this getsentry/sentry-javascript-bundler-plugins#480

---

This fixes "Permission denied" issues for sentry-web and sentry-worker，getsentry/self-hosted#302

# /var/lib/docker/volumes/sentry-data/_data -> /data
docker exec sentry-self-hosted_web_1 chown -R sentry:sentry /data/files

This fixes "Permission denied" issues for sentry-symbolicator，getsentry/sentry-javascript-bundler-plugins#480

# /var/lib/docker/volumes/sentry-symbolicator/_data -> /data
docker exec sentry-self-hosted_symbolicator_1 chown -R symbolicator:symbolicator /data

[AbhiPrasad]

@maxming2333 are you still running into this issue after making changes to your self-hosted config?

[maxming2333]

I'm very happy that the problem has been solved through the above method.
I will close the issue.