如何使用Vue 3实现Rollbar SDK？

Question

我正试图找出正确的方法，在Vue 3中使用复合API和类型记录来实现rollbar SDK。根据文档，他们正在用Vue.prototype.$rollbar实现它(如rollbar文档这里中所示)。我找到了他们用来在方法文档中替换Vue.prototype的Vue.prototype，但它似乎只适用于options。有什么想法吗？

Answer 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);
  throw err; // rethrow
};
app.config.globalProperties.$rollbar = rollbar;
app.mount("#app");

​