I’m getting these error messages is in Sentry from my Vue app (I added this error for testing purposes). Obviously, it was able to catch a stack trace…
console
TypeError: Cannot read property 'quux' of undefined
logger
consolearguments
[{"message":"Cannot set property 'baz' of undefined","name":"TypeError","stack":"TypeError: Cannot set property 'baz' of undefined\n at o.<anonymous> (https://masked/js/vue-bundle.js?v=zfgV8H5KhlP6t2o4HKS1gmcdx8_haGoh43tOb7slxOo:34:159266)\n at Array.<anonymous> (https://masked/js/vue-bundle.js?v=zfgV8H5KhlP6t2o4HKS1gmcdx8_haGoh43tOb7slxOo:7:12102)\n at Xe (https://masked/js/vue-bundle.js?v=zfgV8H5KhlP6t2o4HKS1gmcdx8_haGoh43tOb7slxOo:7:11547)"}]
I’ve uploaded source maps with SentryWebpackPlugin and I can see the artifacts in Sentry.
Name
~/js/vue-bundle.js
Distribution
None
Size
704.0 KB
Name
~/js/vue-bundle.js.map
Distribution
None
Size
2.9 MB¨
I verified that vue-bundle.js
contains //# sourceMappingURL=vue-bundle.js.map
, and I’m able to debug the code in Chrome Dev Tools, so source maps are working.
I’m using the latest Sentry Browser SDK (5.12.1) and Sentry Vue Integration (5.12.1), loading them onto the site through the CDN URL.
How come I can’t see in the error report in Sentry where in the code this error is occurring? Seems like everything is set up correctly… ?