在 Nuxt 2 中无法识别 Agora sdk 插件答案

【问题标题】：Agora sdk plugin not recognized in Nuxt 2在 Nuxt 2 中无法识别 Agora sdk 插件
【发布时间】：2022-08-03 14:10:05
【问题描述】：

我正在尝试在我的 nuxtjs 应用程序中设置 Agora 以进行直播。但它给出了一个错误，说控制台中无法识别插件，我似乎无法解决这个问题。有没有人遇到过类似的问题？我的 nuxt 版本是 \"nuxt\": \"^2.15.8\" 和 agora \"agora-rtc-sdk-ng\": \"^4.13.0\"。我现在遇到的错误是：

我已经在我的插件文件夹中的 agora.js 文件中导入了插件。

import Vue from \"vue\";
import { AgoraRTC } from \'agora-rtc-sdk-ng\';

Vue.use(AgoraRTC);

和 nuxt 配置。

{
  src: \"~/plugins/agora.js\",
  ssr: false,
  mode: \'client\'
}

编辑：

如果我使用以下代码更新 agora.js 文件：

import Vue from \"vue\";
import AgoraRTC from \'agora-rtc-sdk-ng\';

Vue.use(AgoraRTC);

我收到错误：ReferenceError: AgoraRTC is not defined。

我错过了什么吗？如果有人可以参考使用 nuxt 的演示版本，那将是一个很大的帮助。

你导入的包是特定于 Angular 的（ng 在结尾）我没有弄错。寻找常规的 JS 或特定于 Vue 的 IMO。此外，ssr: false 已被弃用。您只能在此处保留mode。
我不认为它是特定于 Angular 的。我确实尝试删除 ssr 部分，将 agora.js 重命名为 agora.client.js。然而没有任何改善。
没有关于那个包的文档哈哈。尝试另一个 IMO。
正如问题的标题所示，我使用的是 agora 的 SDK。有 SDK 的文档。所以我猜这个包不需要单独一个。
你有那个链接吗？

标签： plugins nuxt.js agora.io agora-web-sdk-ng

【解决方案1】：

在没有找到解决方案后，我联系了 Agora 的支持团队。他们帮了大忙！

问题在于Vue.use(AgoraRTC)。由于某种原因，这不起作用。所以我不得不将它注入应用程序。

首先，我将这些部分替换为 plugins/agora.js 文件：

import Vue from "vue";
import AgoraRTC from 'agora-rtc-sdk-ng';

Vue.use(AgoraRTC);

和nuxt.config.js 文件：

{
  src: "~/plugins/agora.js",
  ssr: false,
  mode: 'client'
}

用这些：

import AgoraRTC from "agora-rtc-sdk-ng"

export default ({app}, inject) => {
    inject("AgoraRTC", AgoraRTC)
}

和

{
  src: "~/plugins/agora.js",
  mode: 'client'
}

最后，AgoraRTC 变量可以在组件中作为this.$AgoraRTC 访问。

参考从Nuxt docs 注入 $root

【讨论】：