首先已近安装好了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下载完成后就不会再报这个错误了