title: How to import JQuery into a Typescript file?
body: <h2>Update</h2>
  
  <p>No import was required.  Instead, I needed to add a reference to the top of the file.  So the first line of my WebAPI.js should have been <code>/// &lt;reference path ="../typings/jquery/jquery.d.ts"/&gt;</code> instead of <code>import { $ } from '../jquery-3.1.1';</code></p>
  
  <hr>
  
  <p>I am trying to import jQuery to use in a Typescript file, but I am receiving a variety of errors with everything I try.  I followed the solutions <a href="https://stackoverflow.com/questions/12763684/how-to-require-jquery-via-amd-in-typescript">here</a> and <a href="https://stackoverflow.com/questions/41826503/using-jquery-with-typescript-2?noredirect=1&amp;lq=1">here</a>, but without any luck.</p>
  
  <h2>tsconfig.json</h2>
  
  <pre><code>{
      "compilerOptions": {
          "removeComments": true,
          "preserveConstEnums": true,
      "out": "Scripts/CCSEQ.Library.js",
      "module": "amd",
          "sourceMap": true,
      "target": "es5",
      "allowJs": true
  }
  </code></pre>
  
  <h2>WebAPI.js</h2>
  
  <pre><code>import { $ } from '../jquery-3.1.1';
  
  export class ExpenseTransaction extends APIBase {
  
      constructor() {
          super();
      }
  
      Get(): void {
          let expenses: Array&lt;Model.ExpenseTransaction&gt;;
          let self = this;
          $.ajax({
              url: this.Connection,
              type: "GET",
              contentType: "application/json",
              dataType: "json",
              success: function (data: any): void {
                  expenses = self.ConvertToEntity(data.value);
              },
              error: function (data: any): void { console.log(data.status); }
          });
      };
  }
  </code></pre>
  
  <p>I have also tried <code>import * as $ from '../jquery.3.1.1'</code> </p>
  
  <h2>Errors</h2>
  
  <ul>
  <li><code>Module jquery-3.1.1 has no exported member $</code></li>
  <li><code>Property ajax does not exist on type (selector: any, context: any) =&gt; any</code></li>
  </ul>