Source Maps upload to Rollbar error

  • Hi everyone,

    I am setting up Rollbar for frontend bug tracking.

    I am using Quasar 1.15 to build a SPA deployed on Netlify.

    Here is my config in quasar.conf.js, I am using RollbarSourceMapPlugin

    extendWebpack(cfg) {
            if (env === 'production') {
              cfg.plugins.push(new RollbarSourceMapPlugin({
                accessToken: environmentConfigJSON.ROLLBAR_SERVER_TOKEN,
                version: 'code-version-2',
                publicPath: 'dist/spa',

    and my rollbar.js boot file :

    import Rollbar from 'rollbar';
    export default ({ Vue }) => {
      if (!process.env.ROLLBAR_TOKEN) return;
      const rollbar = new Rollbar({
        accessToken: process.env.ROLLBAR_TOKEN,
        captureUncaught: true,
        captureUnhandledRejections: true,
        root: 'webpack:///./',
        payload: {
          environment: process.env.ENV,
          client: {
            javascript: {
              source_map_enabled: true,
              code_version: 'code-version-2',
              guess_uncaught_frames: true,
      /* Todo remove when sentry removed */
      Vue.config.errorHandler = (err, vm) => {
        throw err; // rethrow
      Vue.prototype.$rollbar = rollbar;

    Everything goes fine when I deploy on netlify and I have theses JS files :


    The issue is, on Rollbar this is the only thing I can see in the Rollbar is this message of error with only one file from the JS files created :


    And on an item I can’t see the code : 430f0bec-0eff-427a-9507-828882109967-image.png

    I wish I could see directly in the Vue file the exact line where I have the issue.

    Where am I wrong in the Rollbar config ?

    Thanks a lot for your help !

Log in to reply