我的uniapp项目在index.html中引入jq和signalR,在app.vue里面用$.hubConnection("http://www.xxx"),但是一直报$ is not defined,请问怎么操作才能正确引入呢?
- 发布:2020-02-21 09:42
- 更新:2023-12-21 14:48
- 阅读:4132
可以解决,下载signalr核心js库,一共四个文件,signalr.js、signalr.js.map、signalr.mini.js、signalr.mini.js.map,项目根目录创建一个js目录,将上述文件复制到该目录,在页面中引入核心库,代码如下:
<script>
//引入核心库
let signalR = require('../../js/signalr.js')
export default {
components: {
topicon
},
data() {
connection: '' //定义连接对象
............}
}.............
</script>
然后onload事件中初始化signalr,代码如下:
onLoad: function(e) {
// 实例化一个connection连接对象
this.connection = new signalR.HubConnectionBuilder()
.withUrl('http://localhost:5566/hubs/message', {
skipNegotiation: true,
transport: signalR.HttpTransportType.WebSockets
})
.build();
//监听服务端调用的ReceiveMsg方法
this.connection.on('ReceiveMsg',(res) => {
//收到服务端调用该方法后收到消息的处理逻辑
console.log('signalr write:' + res);
});
//发起连接
this.connection.start();
}
如果编译报错,例如:
08:50:25.840 文件查找失败:'abort-controller' at js\signalr.js:1761
08:50:25.840 文件查找失败:'fetch-cookie' at js\signalr.js:1759
08:50:25.843 文件查找失败:'node-fetch' at js\signalr.js:1756
可以注释掉js文件中以上报错的行。
你侬我侬
解决了吗~~~同问呀
2020-06-11 16:11
夏飞
我解决了 改写了一下
2020-11-04 11:11
老益
回复 1***@qq.com: 大佬求一份改写的参考一下 1843886287@qq.com
2021-07-12 09:51