vuejs2 - VueJS 2 不报告任何错误 (Sentry.io)

Question

我有一个带有 VueJs2 (2.1.10) 的 Laravel (5.4) 应用程序。我使用 Sentry.io 作为我们后端的错误报告，它工作正常。当 VueJs 发生错误时，我无法捕获它，也无法将其发送给 Sentry。

这是我用来根据 Raven 设置通过 NPM 安装 Sentry 的文档:https://docs.sentry.io/clients/javascript/integrations/vue/

我在 app.js 中的配置如下:

import Raven from 'raven-js';
import RavenVue from 'raven-js/plugins/vue';
Raven
    .config('https://[filtered]@sentry.io/[filtered]')
    .addPlugin(RavenVue, Vue)
    .install();

通过 webpack 构建代码工作正常。我想得到一些帮助的问题是为什么 Vuejs 没有向 Sentry 报告任何错误？

我试图强加一些错误，包括不存在的模板变量、http 错误响应、不正确的组件声明、语法错误。所有这些错误都会导致控制台错误，但不会发送到 Sentry。

关于从哪里开始或如何获取错误报告以使用 Sentry 和 Vuejs2 的任何建议？提前致谢!

Answer 1

我也刚开始使用 Sentry 并且遇到了同样的问题。
到目前为止，我发现的唯一解决方法是将 Raven 包含在每个组件中，并在发生错误时显式调用 Raven(加上您的 app/main.js 代码):

我的组件.vue

<template>
  <a href="#" @click="createError">Click me</a>
</template>

<script>
import Raven from 'raven-js'

export default {
  name: 'MyComponent',
  data () {
    return {
      loggedIn: false
    }
  }
  methods: {
    createError () {
      try {
        if (!this.loggedIn) throw new Error('User not logged in')
        console.log('User is logged in')
      } catch (error) {
        Raven.captureException(error)
      }
    }
  }
}
</script>

<style scoped>
</style>