Vue

Vue error logging with Rollbar

Instantly know when Vue errors occur and how to fix them

Get exception & crash reports in real-time. Track & debug bugs in record time.

Real-time error reporting

Get notified of Vue.js errors instantly as they occur after deployment - and before users notice.

Similar errors are automatically grouped using Rollbar's fingerprinting technology to reduce noise, and all errors include detailed data to help you assess impact and assign priority.

Real-time error reporting

Error details & metadata

Rollbar automatically collects all the data you need to replicate and debug an error, presented in ways optimized for debugging speed.

Works with JavaScript source maps.

Get stack traces, request parameters, local variables, affected users and IP addresses, browsers and OSes, deployed code versions, and more.

Error details & metadata

Telemetry for faster debugging

With Telemetry, you can debug client-side JavaScript errors faster. It works like a black box recorder, but for errors.

Get a timeline of browser events leading up to the error, including page loads, user actions, network activity, console logs, and more.

Telemetry for faster debugging

Works with your stack

Rollbar supports all popular languages and frameworks.

angularreactnodejs
backbonejsvueember

Fits into your workflow

Integrations with tools you're already using.

slackjiragithub
bitbucketjenkinspagerduty

Using Rollbar I don’t have to spend time trying to reproduce errors on my own. It tells me what the steps are. Rollbar empowers your team to be able to sort through issues and turn things around quickly.

Amanda SegalSupport Engineer
Amanda Segal

Quick setup with our lightweight & open source SDK

Configuring Vue apps to use the Rollbar JavaScript SDK

To install the vue-rollbar SDK in your project through npm, open the command prompt in the project root directory and run the command npm install vue-rollbar --save

Add Rollbar in the main.js file. You can find main.js file under the src folder in your root project directory.

Start monitoring errors now

14-day unlimited errors free trial. 5,000 errors/month free forever.

If you minify your JavaScript in production, you'll want to configure source maps so you get meaningful stack traces. See the source maps guide for instructions.

In addition to catching top-level errors, you can send caught errors or custom log messages. All of the following methods are fully-asynchronous and safe to call anywhere in your code after the script tag...