其他分享
首页 > 其他分享> > vue-cli3.0使用Janus的配置

vue-cli3.0使用Janus的配置

作者:互联网

首先已近安装好了vue-cli3.0,并且创建好项目,后台已经把Janus服务搭建完成,在浏览器上可以成功访问Janus服务器。

然后在vue项目下的根目录中的package.json文件中添加代码

{
  "dependencies": {
    "janus-gateway": "git://github.com/meetecho/janus-gateway.git"
  }
}

接下来创建vue.config.js文件,添加如下代码:

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('janus-gateway')
      .test(require.resolve('janus-gateway'))
      .use('exports-loader?Janus=Janus')
      .loader('exports-loader?Janus=Janus')
      .end();
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({ adapter: 'webrtc-adapter' })
    ]
  },
};

然后执行npm install 下载

下载完成后打开 node_modules 文件夹看一下 janus-gateway 中的文件是否缺少

 

 在这一步因为网速和其他原因可能一次下载不成功,删除node_modules文件夹重新下载。

如果此时在组件中引入Janus有可能会报出  janus-gateway 文件找不到的错误,这是因为Janus依赖的 webrtc-adapter 模块没有下载下来,执行npm install webrtc-adapter --save下载完成后就不会再报这个错误了

标签:vue,adapter,janus,cli3.0,Janus,gateway,下载
来源: https://www.cnblogs.com/peiyanh/p/12986145.html