Как использовать BugSnag внутри приложения nuxt.js? - PullRequest
Новая
       32

Как использовать BugSnag внутри приложения nuxt.js?

0 голосов
/ 11 мая 2019

BugSnag предоставляет очень полезный и изначально бесплатный продукт для отслеживания ошибок в вашем приложении vue. Проблема в том, что нет никакой документации для использования этого в приложении nuxt. Плагин будет лучшим местом для использования его в приложении.

Попытка решить эту проблему некоторое время убивала меня, но я смог найти помощь от Патрика Падуса из комментариев к этой записи .

1 Ответ

0 голосов
/ 11 мая 2019

Для тех, кто пытается это сделать, сделайте следующее:

1. Поместите следующий код внутри плагина, расположенного в папке / plugins корня вашего приложения: 

#/plugins/bugsnag.js
import Vue from 'vue'
import bugsnag from '@bugsnag/js'
import bugsnagVue from '@bugsnag/plugin-vue'

const bugsnagClient = bugsnag({
  apiKey: 'YOUR-KEY',
  notifyReleaseStages: [ 'production', 'staging' ]
})

bugsnagClient.use(bugsnagVue, Vue);

export default (ctx, inject) => {
  inject('bugsnag', bugsnagClient)
}

2. Внутри nuxt.config добавьте в раздел плагинов следующее: 

plugins: [
  '@/plugins/bugsnag.js',
],

3.Внутри вашей компоновки vue ссылаются на объект ошибки с помощью объекта $bugsnag: 

this.$bugsnag.notify(new Error('Nuxt Test error'))
...