SignalR 无法读取未定义的属性客户端

Question

我正在尝试将 SignalR 添加到我的项目 (ASPNET MVC 4)。但我不能让它工作。

在下图中，您可以看到我收到的错误。 我已经阅读了很多 stackoverflow 帖子，但都没有解决我的问题。

这是我到目前为止所做的：

1) Ran Install-Package Microsoft.AspNet.SignalR -Pre
2) Added RouteTable.Routes.MapHubs(); in Global.asax.cs Application_Start()
3) If I go to http://localhost:9096/Gdp.IServer.Web/signalr/hubs I can see the file content
4) Added <modules runAllManagedModulesForAllRequests="true"/> to Web.Config
5) Created folder Hubs in the root of the MVC application
6) Moved jquery and signalR scripts to /Scripts/lib folder (I'm not using jquery 1.6.4, I'm using the latest)

这是我的 Index.cshtml

<h2>List of Messages</h2>

<div class="container">
    <input type="text" id="message" />
    <input type="button" id="sendmessage" value="Send" />
    <input type="hidden" id="displayname" />
    <ul id="discussion">
    </ul>
</div>

@section pageScripts
{
    <!--Reference the SignalR library. -->
    <script src="@Url.Content("~/Scripts/jquery.signalR-1.0.0-rc1.min.js")" type="text/javascript"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script type="text/javascript" src="~/signalr/hubs"></script>
    <script src="@Url.Content("~/Scripts/map.js")" type="text/javascript"></script>
}

这是我的 IServerHub.cs 文件（位于 Hubs 文件夹内）

namespace Gdp.IServer.Ui.Web.Hubs
{
    using Microsoft.AspNet.SignalR.Hubs;
    [HubName("iServerHub")]
    public class IServerHub : Hub
    {
        public void Send(string name, string message)
        {
            Clients.All.broadcastMessage(name, message);
        }
    }
}

这是 map.js

$(function () {

    // Declare a proxy to reference the hub. 
    var clientServerHub = $.connection.iServerHub;

    // Create a function that the hub can call to broadcast messages.
    clientServerHub.client.broadcastMessage = function (name, message) {
        $('#discussion').append('<li><strong>' + name + '</strong>:&nbsp;&nbsp;' + message + '</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 () {
            // Html encode display name and message. 
            var encodedName = $('<div />').text($('#displayname').val()).html();
            var encodedMsg = $('<div />').text($('#message').val()).html();

            // Call the Send method on the hub. 
            clientServerHub.server.send(encodedName, encodedMsg);

            // Clear text box and reset focus for next comment. 
            $('#message').val('').focus();
        });
    });
});

我看到的 SignalR 引用的 DLL 是：

1. Microsoft.AspNet.SignalR.Core
2. Microsoft.AspNet.SignalR.Owin
3. Microsoft.AspNet.SignalR.SystemWeb

任何想法如何让它工作？ 由于脚本位于 /Script/lib 文件夹中，我应该进行任何更改吗？

注意 我正在按照here 找到的关于如何设置 Windsor Castle 以使其与 SignalR 一起使用的说明进行操作，但似乎无法创建代理并且我遇到了同样的错误：

Cannot read property client of undefined

表示未创建集线器的代理

这就是我在服务器中的方式

public class IncidentServerHub : Hub

并且在客户端中像这样

var clientServerHub = $.connection.incidentServerHub;

再次，我可以在这里看到动态创建的文件：

/GdpSoftware.Server.Web/signalr/hubs

那么，为什么没有创建代理？

Answer 1

我通过更改我的 js 代码来解决这个问题： var myHub = $.connection.SentimentsHub; 到 var myHub = $.connection.sentimentsHub;

因此，如果您有一些类名为 TestHub 的集线器，则必须在 js 中使用 testHub（第一个字母为小写）名称

Answer 2

对于那些试图在包中添加生成的代理文件路径的人。

不要在 BundleConfig.cs 中包含“~/signalr/hubs”。

您可以在包中包含 JQuery.SignalR：

bundles.Add(new ScriptBundle("~/bundles/signalr").Include(
                  "~/Scripts/jquery.signalR-{version}.js"));

但您需要在视图中添加 "/signalr/hubs"：

@section Scripts {
    @Scripts.Render("~/bundles/signalr")
    @Scripts.Render("/signalr/hubs")
}

我希望这会有所帮助。

Answer 3

我收到了同样的错误消息，并通过修复我在集线器类的 [HubName] 属性中的错字解决了这个问题 - 它与客户端 javascript 中的属性不完全匹配。

C# 集线器类：

[HubName("gameHub")]
public class GameHub : Hub
{

客户端javascript：

var foo = $.connection.gameHub;

“gameHub”必须相同。

第

Answer 4

对于 ASP.Net MVC 人员：

检查你的_Layout.cshtml：如果你在@RenderBody()之后调用jquery包，你会得到这个错误。

解决方案：只需将@Scripts.Render("~/bundles/jquery") 移至头部或将所有信号器脚本写入脚本“部分”

Answer 5

您的中心类必须定义为公共的。例如：

class ChatHub : Hub

应该是

public class ChatHub : Hub

Answer 6

好的，我找到了问题，我需要做的一件事是：

缺少这两个参考：

Microsoft.AspNet.SignalR.Hosting.AspNet
Microsoft.AspNet.SignalR.Hosting.Common

现在，我将它们包含在获取 nuget 包中：WebApiDoodle.SignalR 使用这两个包。 我的问题是为什么没有添加这些 Dll，我安装了 Nuget 包： Microsoft.AspNet.SignalR -Pre？

错误？

然后我在 global.asax.cs 中有这个

using SignalR;

所以

RouteTable.Routes.MapHubs();

正在使用那个，我需要删除它并使用这个：

using Microsoft.AspNet.SignalR;

所以 MapHubs 使用那个，并开始工作。

希望这对其他人有所帮助。 吉列尔莫。

Answer 7

您应该按照正确的顺序放置 SignalR 和 jQuery 脚本：

<script src="/Scripts/jquery-1.6.4.min.js" ></script>

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

<script src="/signalr/hubs"></script> 

Answer 8

确保添加

app.MapSignalR();

在startup.cs和Configuration方法里面， 像这样：

 public partial class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR();
        }
    }

对于 Asp.net Core

添加

services.AddSignalR();

在您的 startup.cs 中的 ConfigureServices 方法中

并添加

app.UseSignalR(routes =>
            {
                routes.MapHub<ChatHub>("/chatHub");
            });

在你的 startup.cs 中配置方法

Answer 9

将 Hub 类“公开”为我解决了这个问题。

Answer 10

就我而言，我在项目中丢失了Microsoft.Owin.Host.SystemWeb.dll & Microsoft.Owin.Security.dll。添加对它们的引用后，该错误已解决。它现在正在工作。

Answer 11

很可能是类中给出的错误名称和 JavaScript 中的引用错误。

var chat = $.connection.chatHub;   //did not work

var chat = $.connection.myHub; // this worked

这是我的课

public class MyHub : Hub
{
    public void Send(string name, string message)
    {
        Clients.All.addNewMessageToPage(name, message);
    }
}