如何使用 Vue 3 实现 Rollbar SDK？

【问题标题】：How to implement Rollbar SDK using Vue 3?如何使用 Vue 3 实现 Rollbar SDK？
【发布时间】：2022-11-14 00:50:48
【问题描述】：

我正在尝试找出使用组合 API 和打字稿在 Vue 3 中实现 rollbar SDK 的正确方法。根据文档，他们正在使用 Vue.prototype.$rollbar 来实现它（如 rollbar 文档 here 所示）。我在 vue3 文档中找到了他们用来替换 Vue.prototype 的 method，但它似乎仅适用于选项 API。有什么想法吗？

【问题讨论】：

标签： typescript vuejs3 rollbar

【解决方案1】：

我自己就是在找这个。这是我所做的。

在main.js

import { createApp } from "vue";
import App from "./App.vue";
import Rollbar from "rollbar";

const rollbar = new Rollbar({
  accessToken: process.env.POST_CLIENT_ITEM_ACCESS_TOKEN,
  captureUncaught: true,
  captureUnhandledRejections: true,
  payload: {
    environment: process.env.NODE_ENV,
  },
});

const app = createApp(App);
app.config.errorHandler = (err, vm, info) => {
  rollbar.error(err);
};
app.config.globalProperties.$rollbar = rollbar;
app.mount("#app");

【讨论】：