$.hubConnection 不是函数（…）

Question

我的 SignalR 项目遇到了问题。我已经创建了一个控制台来运行 SignalR，然后尝试在我的网站上使用它（现在都在 localhost 模式下运行）

SignalRSelfHost

using System;
using Microsoft.AspNet.SignalR;
using Microsoft.Owin.Hosting;
using Owin;
using Microsoft.Owin.Cors;
using Microsoft.AspNet.SignalR.Hubs;

namespace SignalRSelfHost
{
    class Program
    {
        static void Main(string[] args)
        {
            // This will *ONLY* bind to localhost, if you want to bind to all addresses
            // use http://*:8080 to bind to all addresses. 
            // See http://msdn.microsoft.com/en-us/library/system.net.httplistener.aspx 
            // for more information.
            string url = "http://localhost:8080";
            using (WebApp.Start(url))
            {
                Console.WriteLine("Server running on {0}", url);
                Console.ReadLine();
            }
        }
    }
    class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.UseCors(CorsOptions.AllowAll);
            app.MapSignalR();
        }
    }
    [HubName("myHub")]
    public class MyHub : Hub
    {
        public void Send(string name, string message)
        {
            Clients.All.addMessage(name, message);
        }
    }
}

Index.Html

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

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

<script src="http://localhost:8080/signalr/hubs"></script>

<script type="text/javascript">
    $(function () {
        //Set the hubs URL for the connection
        //$.connection.hub.url = "http://localhost:8080/signalr";

        //// Declare a proxy to reference the hub.
        //var chat = $.connection.myHub;

        var conn = $.hubConnection("http://localhost:8080/signalr");
        var hubProxy = conn.createHubProxy('myHub');


        conn.start().done(function () {
        });
    });
</script>

上面的一些已经完成，因为我也尝试过，但也没有用。

谁能告诉我为什么会出现错误：$.hubConnection is not a function(...)

Answer 1

我不确定您的 jQuery 版本是否受支持。加载错误版本的 jQuery 或多次加载时，我遇到了奇怪的副作用。
使用 JSPM 时，jspm resolve --only npm:jquery@2.2.4 有帮助。

这些版本有效：

<script src="jquery-2.1.4.min.js"></script>
<script src="jquery.signalR-2.2.0.min.js"></script>

和

"jquery": "npm:jquery@2.2.4",
"ms-signalr-client": "npm:ms-signalr-client@2.2.5",

我还建议在指定hubConnection 时省略“/signalr”后缀。它是自动添加的。

Answer 2

我刚刚遇到了同样的问题。问题原来是 JQuery 脚本在页面底部再次运行（我使用的 ASP.NET MVC 模板的一部分），清除了 SignalR-JQuery 注册。确保您的 HTML 页面底部没有额外的脚本标记或 @Scripts.Render 调用。

Answer 3

枢纽：

[HubName("ContosoChatHub")]
public class ChatHub : Hub

Javascript 客户端：删除 url，你不需要它。

var connection = $.hubConnection();
var contosoChatHubProxy = connection.createHubProxy('ContosoChatHub');

connection.start()
   .done(function(){ console.log('Now connected, connection ID=' + $.connection.hub.id); })
   .fail(function(){ console.log('Could not Connect!'); });
});

createHubProxy 中的字符串必须与 HubName 属性中的字符串相同。