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) => {
        vm.$rollbar.error(err);
        throw err; // rethrow
      };
    
      Vue.prototype.$rollbar = rollbar;
    };
    

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

    2eef4f3b-6a89-4d26-9116-f1137f7d15d5-image.png

    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 :

    ca45535d-c684-46f1-af7d-f383d82221d6-image.png

    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