将 WebRTC 连接到 Vue 3 时出现缓冲区未定义异常

Question

我正在尝试将 webRTC 连接到 Vue 3 项目。我定义了全局，之后我得到“未捕获的引用错误：缓冲区未定义”，我不知道如何修复。我该如何修复它？

https://github.com/homepirate/rutconf_frontend

这是main.js

import { createApp } from "vue";
import App from "./App.vue";
import components from "@/components/UI";
import router from "@/router/router.js";
import store from "@/store";
import VueWebRTC from 'vue-webrtc'


const app = createApp(App);
components.forEach((component) => {
  app.component(component.name, component);
});

app
  .use(router)
  .use(store)
  .use(VueWebRTC)
  .mount("#app");

这样做后，我得到“ReferenceError：全局未定义”。然后我修复它，将全局添加到 vite.config.js

import { fileURLToPath, URL } from "node:url";
   
   import { defineConfig } from "vite";
   import vue from "@vitejs/plugin-vue";

   const fs = require('fs');
   
   
   export default defineConfig({
     plugins: [vue()],
     define: {
       global: {},
     },
     server: {
      https: {
        key: fs.readFileSync('key.pem'),
        cert: fs.readFileSync('cert.pem'),
      },
     },
     resolve: {
       alias: {
         "@": fileURLToPath(new URL("./src", import.meta.url)),
       },
     },
   });

但之后我得到“未捕获的引用错误：缓冲区未定义”，我不知道如何修复。我该如何解决它？

Answer 1

同样的问题，你找到解决方案了吗？