upload Vue source map files to sentry do not work.

[descire]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other:

Version:

5.1.0

Description

  project was created by Vue CLI 3, "main.js" file:

import Vue from 'vue'
import * as Sentry from '@sentry/browser'
import * as Integrations from '@sentry/integrations'
const dsn = 'http://4104209251f24d058f454cb97f4564fc@10.1.1.248:9000/4'
Sentry.init({
  dsn,
  release: '1.0.0',
  integrations: [
    new Integrations.Vue({
      Vue,
      attachProps: true
    })
  ]
})

  "vue.config.js" file:

    new SentryCliPlugin({
        release: '1.0.0',
        include: './dist',
        ignore: ['node_modules', 'vue.config.js'],
        filenameTransform: filename => '~/' + filename
     })

[kamilogorek]

Can you link to the issue in your Sentry account?

[descire]

Can you link to the issue in your Sentry account?

thanks

[kamilogorek]

Can you link to the issue in your Sentry account?

and/or post your config/setup

[teologov]

Hey, @kamilogorek I am experiencing the same problem. Is there a valid example from Sentry with the Vue stack available?

The source maps just don't show up, but they are uploaded:

SDK version: 5.6.3

I am using hidden-source-map, including the next configuration of SentryCliPlugin:

  new SentryCliPlugin({
     include: pathFromRoot('dist'),
     ignoreFile: '.sentrycliignore',
     ignore: [
       'node_modules',
       'webpack.config.js'
      ],
      release: `${hash}-${pckg.name}`
  })

[kamilogorek]

@teologov I have one lying around somewhere on my disk. Will upload it in the morning.

[teologov]

Awesome, thanks @kamilogorek. Looking forward to it!

[kamilogorek]

@teologov there you go https://github.com/kamilogorek/sentry-vue-sourcemaps

With webpack it'll be the same, just make sure that releases match. You can also pass rewrite: true in the config to make it resolve hidden source maps locally and send them to server in a "better shape".

[teologov]

Cool, thanks @kamilogorek!

You can also pass rewrite: true in the config to make it resolve hidden source maps locally and send them to server in a "better shape".

Oh, I thought it's set to true by default.

Huge thanks for sharing the example! Will take a look now.

[kamilogorek]

Oh, I thought it's set to true by default.

@teologov ah right, you are using our webpack plugin 😅

[teologov]

Hey @kamilogorek! I have one more problem : )
Sentry still can't resolve the source map content. I see a bunch of warnings like this: warning: missing sourcecode (webpack:///./src/containers/app-main/vue.js?8066). I tried both sentry-cli and the webpack plugin.

Why it can't resolve it?

[teologov]

Hey @kamilogorek! I have one more problem : )
Sentry still can't resolve the source map content. I see a bunch of warnings like this: warning: missing sourcecode (webpack:///./src/containers/app-main/vue.js?8066). I tried both sentry-cli and the webpack plugin.

Why it can't resolve it?

In my case, this issue was resolved by replacing UglifyJsPlugin with TerserPlugin.

[kamilogorek]

Thanks for the info!

[EvanSanderson]

@kamilogorek We are trying to get source maps to work properly on Sentry.io for our Vue apps, and I followed your repo (https://github.com/kamilogorek/sentry-vue-sourcemaps) example exactly to see if I could unblock myself. I set up a test project for our org., followed all of the steps, and I'm seeing the same kind of error we get when uploading source maps using the documentation provided here: https://docs.sentry.io/platforms/javascript/guides/vue/sourcemaps/:

I can't for the life of me figure out what this error code is trying to tell me. Any thoughts? Is the documentation you provided outdated at this point? Any help is appreciated - thanks!

[kamilogorek]

@EvanSanderson can you provide a link to the affected event?