在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'
  })
  ]
}
  1. 最后在main.js中引入 SignalR
    import 'signalr'

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

    报错截图

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

  3. 之后,我们再次运行项目,会发现,还会有一个报错:


    报错截图

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

Maybe because of the high version of webpack-dev-server.
Try this command ⬇
npm remove webpack-dev-server
npm install -D [email protected]

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版本,最后再安装一下依赖就可以啦~

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

你可能感兴趣的:(在Vue中安装ASP.NET Core SignalR)