Nuxt：如何创建实现另一个 nuxt 模块的可重用函数？答案

【问题标题】：Nuxt: How to create a reusable function that implements another nuxt module?Nuxt：如何创建实现另一个 nuxt 模块的可重用函数？
【发布时间】：2019-08-07 19:00:14
【问题描述】：

目标：
创建一个可重用的函数，记录错误并通过 sentry 模块 (@nuxtjs/sentry) 将错误发送到哨兵。

问题：
1. 我应该将这个可重用模块创建为插件、模块还是在 utils 目录中？
2. 如何从插件、模块或 util 文件中访问@nuxt/sentry？

【问题讨论】：

标签： nuxt.js

【解决方案1】：

@nuxtjs/sentry 在 Vue 实例、Nuxt Context 对象和 Store 的上下文中公开 $sentry 对象（此信息最终将出现在文档中，但现在您可以查看此 pull request 以了解一点更多信息，包括示例）。

一旦您有权访问该对象，您就可以调用$sentry.captureException API 来报告错误。如果您想拥有自己的可重用函数来调用该 API，我建议您创建一个 Nuxt 插件，以便您可以在 $sentry 对象可用的相同位置使用 inject 您的函数。

【讨论】：

如何从插件中访问$sentry 对象？
由@nuxtjs/sentry注入到context.app (context.app.$sentry)
@rchl 我正在尝试创建这样的插件 export default ({ app }, inject) => { inject('myInjectedFunction', string => { console.log('这很简单！' , string, app.$sentry); }) } 但我越来越不确定，尽管我在 nuxt 配置中添加了模块。