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下載完成后就不會再報這個錯誤了