vue中signalr的引入

Vue中使用signalr引入报错问题总结

• 引入jquery

在vue中一般通过npm install xxx 来安装依赖，可以通过npm i jquery --save 安装

npm i jquery --save

哪个vue组件需要用到jquery，就在其中这样引入；

import $ from 'jquery'

或者main.js文件中全局引入

import $ from 'jquery'

• 引入signalr

npm i signalr --save

但是当你在main.js中全局引入后会报这样的错误！

jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file.

网上查阅了很多资料，也尝试了很多方法，都不能解决这个问题！最终另辟蹊径，选择按需引入，放弃全局引入，以后再研究。

• 按需引入

  • 先将所需文件存到本地，我用到的是以下三个文件
    • hub.js signalr生成的文件；
    • jquery.min.js jquery压缩文件；
    • jquery.signalR-2.4.0.min.js signalr文件；

  本地存放的目录如下：

  • 在需要用到signalr的组件中引入这三个文件
    

该方法的缺点：如果后端配置的signalr文件变动，那么就需要前端重新引入。

1)]

**该方法的缺点：**如何后端配置的signalr文件变动，那么就需要前端重新引入。

到此引入成功，不在报错！接下来怎么使用signalr，根据个人情况而定