Comment on page
Vue
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.name, packageJson.version);
Add event handlers to window.onunhandledrejection and window.onerror so that errors are posted to BugSplat.
window.onunhandledrejection = async (rejection) => {
await bugsplat.post(rejection.reason);
}
window.onerror = async (event, source, lineno, colno, error) => {
await bugsplat.post(error);
}
You can also use BugSplat to capture errors in catch blocks.
try {
throw new Error('BugSplat rocks!');
} catch (error) {
await bugsplat.post(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 modified 5mo ago