To begin integrating your app with BugSplat, install the bugsplat package via npm:

npm i bugsplat

Import or require BugSplat at the entry point of your application.

import { BugSplat } from 'bugsplat';

Add a database property to your package.json.

  "name": "my-vue-crasher",
  "version": "1.0.0",
  "database": "{{ your database here}}",

In index.js, create a new instance of BugSplat passing the constructor values for database, application, and version from your package.json.

const packageJson = require('../package.json');
const bugsplat = new BugSplat(packageJson.database,, packageJson.version);

Add event handlers to window.onunhandledrejection and window.onerror so that errors are posted to BugSplat.

window.onunhandledrejection = async (rejection) => {

window.onerror = async (event, source, lineno, colno, error) => {

You can also use BugSplat to capture errors in catch blocks.

try {
    throw new Error('BugSplat rocks!');
} catch (error) {

After posting an error, navigate to the Crashes page in BugSplat and you should see a new error report for the application you just configured. Click the link in the ID column to see details about your crash on the Crash page.

Last updated