Introduction to Sentry

sentry.io

REAL-TIME
ERROR
MONITORING

Platforms

ASP.NET Core
Browser JavaScript
Browser JavaScript NPM
Cordova
C#
Electron
Go
Native (C/C++)
Node.js
PHP
Python
Rust
Platform not listed?

👉🏽

https://docs.sentry.io/error-reporting/quickstart/?platform=browsernpm

Platforms

CREATE ACCOUNT

https://sentry.io/signup/

INSTALLATION

> npm install @sentry/browser @sentry/integrations

Vue CLI example

INSTALLATION

// app.js (or other file)

import Vue from 'vue'
import * as Sentry from '@sentry/browser';
import * as Integrations from '@sentry/integrations';

Sentry.init({
  dsn: 'https://<key>@sentry.io/<project>',
  integrations: [
  	new Integrations.Vue({
    	Vue,
        attachProps: true
    })
  ],
});

Vue CLI example

INSTALLATION

> npm install @nuxtjs/sentry

Nuxt example

INSTALLATION

// nuxt.config.js

{
  modules: [
    '@nuxtjs/sentry',
  ],
 
  sentry: {
    dsn: '', // Enter your project's DSN here
    config: {}, // Additional config
  }
}

Nuxt example

INSTALLATION

// nuxt.config.js
{
  modules: [
    '@nuxtjs/sentry',
  ],
 
  sentry: {
    dsn: 'https://<key>@sentry.io/<project>',
    config: {
      clientIntegrations: {
        Vue: {
          logErrors: true,
        },
      },
    },
  }
}

Bib example

https://github.com/nuxt-community/sentry-module