Hi all,

Any chance that someone could know where it is coming from ?

Thanks,

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 :

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 :

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 !