title: Uncaught Error: jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file
body: <p>I'm trying to implement an application with SignalR but I'm getting this error, I had a look into other similar questions in stackoverflow but I believe mine is different.</p>
  
  <p>I have installed jquery, signalr.</p>
  
  <pre><code>npm install jquery signalr --save
  </code></pre>
  
  <p>and imported into my component.</p>
  
  <pre><code>import { Component } from '@angular/core';
  import * as $ from "jquery"; 
  import "signalr";
  
  export class AppComponent {
  
     private connection: any;
  
      //signalR proxy reference
      private proxy: any;
  
      private jQuery = $;
      constructor() {
        this.connection = $.hubConnection("http://www.example.com");  
          // create new proxy as name already given in top  
          this.proxy = this.connection.createHubProxy('SignalRHub'); 
      }
  }
  </code></pre>
  
  <p>also in index.html, the order is correct.</p>
  
  <pre><code>  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.1.min.js"&gt;&lt;/script&gt;
  </code></pre>