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,根据个人情况而定