jquery - 无法读取未定义 SignalR Hub 的属性“chatHub”

Question

我正在尝试学习信号器，这个错误是我建立的。

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

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

和集线器文件是：

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);
    }
}
}

score 15 · Accepted Answer

<HEAD>可能在您的文档中缺少这一行：

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

检查你也有

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

并使用 Fiddler 或 Chrome 开发人员工具检查两个文件是否正在加载，以及 /hubs 文件是否包含您期望它包含的集线器定义内容。

score 10 · Accepted Answer

由于 MVC 如何尝试提供帮助并呈现 jquery 包，我似乎总是遇到这个问题。然后，当您尝试在视图中添加信号器时，它将失败，因为您必须事先添加 jquery，但 jquery 会被 MVC 包再次加载。这会混淆看起来的东西并导致错误。您可能会在主布局页面中有此部分：

@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>
}

score 4 · Accepted Answer

对于所有拥有正确 dll 但即使解决方案不起作用的人的解决方案是更改函数名称的大小写。

就像我的班级名称是 TestAHub

但改为testAHub。

您实际上需要打开这个 js "/signalr/hubs" 来检查名称。

score 0 · Accepted Answer

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

score 0 · Accepted Answer

尝试本教程后我面临同样的问题：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 
        }
    }
}

score 0 · Accepted Answer

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

jquery - 无法读取未定义 SignalR Hub 的属性“chatHub”

6 回答 6

Related

Reference