一直在与这个错误作斗争,粘贴了两个小时..
TypeError: $.connection is undefined
[Break On This Error]
var chatHubClient = $.connection.chatHub;
这是我的 Chat.cs(位于控制器文件夹中 - 我猜这是我做错的事情,但我找不到任何关于放置它或如何路由它的文档)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using SignalR.Hubs;
namespace SingalrTest.Controllers
{
public class Chat
{
private readonly static Lazy<Chat> _instance = new Lazy<Chat>(() => new Chat());
public static Chat Instance
{ get { return _instance.Value; } }
}
[HubName("chatHub")]
public class ChatHub : Hub
{
private readonly int TimeoutInSeconds = 30;
private readonly Chat _chat;
public ChatHub() : this(Chat.Instance) { }
private ChatHub(Chat chat)
{
this._chat = chat;
}
public void Join(string channelName)
{
System.Diagnostics.Debug.WriteLine("Someone joined " + channelName);
}
}
}
最后,..可能的_Layout.cs.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/Scripts/jquery-1.8.1.js")
@Scripts.Render("~/Scripts/jquery.signalR-0.5.3.js")
@Scripts.Render("~/signalr/hubs")
<script type="text/javascript">
$(document).ready(function () {
// var chatHubClient = jQuery.connection.chatHub;
var chatHubClient = $.connection.chatHub;
$.connection.chatHub.start(function () {
chatHubClient.join('TEST');
});
});
</script>
</head>
<body>
...
</body>
</html>
如果我访问 /signalr/hubs 我可以看到源已正确生成。那么我错过了什么大事?
这是解决方案。
您的所有脚本都以正确的顺序放置在 head 标签中。但是 Visual Studio 模板中的
_Layout.cshtml
在正文标记的末尾有以下几行。
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
这个包有 jQuery 库,加载时会覆盖 $ 对象。因此,SignalR 在此设置上的任何“内容”现在都被覆盖并且无法访问。
只需在您的页面中使用以下内容即可。
@section scripts {
@* Load your scripts here. (and remove jQuery, because it's already loaded) *@
}
根据this,对于0.5.3版本,你必须更改连接语法:
var connection = $.hubConnection();
或将流量定向到辅助服务器
var connection = $.hubConnection("http://localhost:58416/");
连接到集线器:
var hub = connection.createProxy('your_hub_name');
发送和接收消息时还有更多变化
希望这有帮助