$ .hubConnection is not a function (...)

Question

I am having a problem with my SignalR project. I created a console to run SignalR, and then try to use it with my site (everything works in local hosting mode)

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>

Some of the above were excelled because this is something that I tried too but didn't work.

Can someone tell me why I get the error: $. 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",

"/signalr" hubConnection. .

Answer 2

. , JQuery script ( ASP.NET MVC), SignalR-JQuery. , script @Scripts.Render HTML-.

Answer 3

Hub:

[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.