在Vue中安装ASP.NET Core SignalR

因为公司项目需要，所以研究了下如何在Vue中使用，结合网上已有的教程进行了整理，算是记下一些自己遇到的坑。希望给自己以后的开发带来一些帮助。如果有错误的地方，希望大大们指出：

1. 先安装一个vue项目，此处不再赘述，如有不懂得小伙伴们可以参考官网教程

2. 首先安装 SignalR 的package，需要注意的是 SignalR 依赖 jQuery。
   npm i signalr jquery --save

3. 之后我们在全局配置一下jquery
   在webpack.base.conf.js中注册全局的jQuery
   在文件头部引用var webpack = require('webpack')
   之后再在module.exports的最后添加代码

module.exports = {
  ...
  plugins: [new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    'root.jQuery': 'jquery'
  })
  ]
}

4. 最后在main.js中引入 SignalR
   import 'signalr'

5. 执行以上步骤之后，我们 npm run dev一下项目，会发现有个报错提示：
   

   报错截图
   
   这个我们只需要按照提示安装webpack-cli即可,即npm i -D webpack-cli。

6. 之后，我们再次运行项目，会发现，还会有一个报错：

   
   
   报错截图
   
   

   安心啦，我们来解决一下下，经过百度之后，大大们给出的方案是：

Maybe because of the high version of webpack-dev-server.
Try this command ⬇
npm remove webpack-dev-server
npm install -D webpack-dev-server@2.9.1

I resolve the question by the following procedure :

cd "your project directory"
rm -rf node_modules
change the version of "webpack-dev-server" to 2.9.1 in
the file "package.json",
cnpm install (you just use npm install maybe)

换成中文就是，可能是webpack-dev-server的版本过高导致不兼容，解决方法：
先到项目文件夹中，删除node_modules文件夹，再去package.json文件中将webpack-dev-server配置成2.9.1版本，最后再安装一下依赖就可以啦~

7. 最后解决完以上错误，就可以重新运行项目啦。关于SignalR的安装到此也就结束啦。