无法读取未定义的SignalR Hub的属性'chatHub'

时间:2013-03-02 19:23:03

标签: jquery asp.net-mvc signalr signalr-hub

我正在尝试学习信号器,这个错误我已经成立了。

无法读取未定义的属性'chatHub'。

$(document).ready(function () {
        var chat = $.connection.chatHub;
        $.connection.hub.start();
 });

和hub文件是:

namespace TestSignalR.Web.Hubs
{
public class ChatHub : Microsoft.AspNet.SignalR.Hub
{
    public void Send(string msg)
    {
        ChatData chat = new ChatData();
        chat.Msg = msg;
        chat.UserName = HttpContext.Current.User.Identity.Name;
        chat.Date = "♣ at " + DateTime.Now.ToString("hh:mm tt");
        Clients.All.broadCastMessage(chat);
    }
}
}

6 个答案:

答案 0 :(得分:15)

可能在文档的<HEAD>中遗漏了这一行:

<script src="/signalr/hubs" type="text/javascript"></script>

检查你还有

 <script src="/Scripts/jquery.signalR-1.0.0.js"></script>

使用Fiddler或Chrome开发者工具检查两个文件是否正在加载,并且/ hubs文件包含您希望它包含在集线器定义方面的内容。

答案 1 :(得分:10)

由于MVC试图提供帮助并呈现jquery包,我似乎总是遇到这个问题。然后,当您尝试在视图中添加signalr时,它将失败,因为您必须事先添加jquery,但然后MVC包再次加载jquery。这看起来很混乱,导致错误。您可能会在主布局页面中包含此部分:

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

因此,如果您将脚本添加到脚本部分,它应该让信号器感到满意并且正常工作。

@section scripts {
    <!--Reference the SignalR library. -->
    <script src="Scripts/jquery.signalR-2.0.2.min.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="signalr/hubs"></script>
    <!--Add script to update the page and send messages.--> 
    <script type="text/javascript">
        $(function () {
            // Declare a proxy to reference the hub. 
            var chat = $.connection.chatHub;
            // Create a function that the hub can call to broadcast messages.
            chat.client.broadcastMessage = function (name, message) {
                // Html encode display name and message. 
                var encodedName = $('<div />').text(name).html();
                var encodedMsg = $('<div />').text(message).html();
                // Add the message to the page. 
                $('#discussion').append('<li><strong>' + encodedName
                    + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
            };
            // Get the user name and store it to prepend to messages.
            $('#displayname').val(prompt('Enter your name:', ''));
            // Set initial focus to message input box.  
            $('#message').focus();
            // Start the connection.
            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    // Call the Send method on the hub. 
                    chat.server.send($('#displayname').val(), $('#message').val());
                    // Clear text box and reset focus for next comment. 
                    $('#message').val('').focus();
                });
            });
        });
    </script>
}

答案 2 :(得分:4)

所有那些拥有正确dll但即使解决方案无效的人的解决方案是功能名称框也会发生变化。

就像我的班级名称是TestAHub

但它改为testAHub。

您实际上需要打开此js“/ signalr / hubs”来检查名称。

答案 3 :(得分:0)

检查你有app.MapSignalR();在您的Startup.cs文件中。有关http://www.asp.net/signalr/overview/releases/upgrading-signalr-1x-projects-to-20的更多信息,请参阅。

答案 4 :(得分:0)

我遇到了Firefox的问题,在我的情况下,我正在使用https而在dev中它不存在,所以我收到了错误,因为https的例外没有注册。 只需访问信号服务器并添加即可。

答案 5 :(得分:0)

尝试本教程后,我遇到相同的问题:https://docs.microsoft.com/en-us/aspnet/signalr/overview/getting-started/tutorial-getting-started-with-signalr

我认识到一条指令缺失:

using System;
using System.Threading.Tasks;
using Microsoft.Owin;
using Owin;

[assembly: OwinStartup(typeof(signalChat.Startup))]

namespace signalChat
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR(); // add this 
        }
    }
}