title: TypeError: t.fx is undefined when attempting to add jQuery-UI to Angular 4 app
body: <p>I am trying to add jQuery-UI to an application, as I need access to some sliders. I have installed the typings for jQuery with:</p>
  
  <pre><code>npm install @types/jquery --save
  </code></pre>
  
  <p>And what seem to be the jQuery-UI typings with</p>
  
  <pre><code>npm install @types/jqueryui --save
  </code></pre>
  
  <p>I have added the jQuery and jQuery-UI CDN references to the index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;SimutronApp&lt;/title&gt;
    &lt;base href="/"&gt;
    &lt;script
      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
      integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
      crossorigin="anonymous"&gt;
    &lt;/script&gt;
    &lt;script
      src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
      integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
      crossorigin="anonymous"&gt;
    &lt;/script&gt; 
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;Loading...&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, in Firefox I get the error:</p>
  
  <pre><code>t.fx is undefined     jquery-ui.min.js:6
  </code></pre>
  
  <p>While Chrome throws:</p>
  
  <pre><code>cannot read property 'step' of undefined at &lt;String&gt;.anonymous
  </code></pre>
  
  <p>At the same line. Could anyone tell me the correct method for adding jQuery-UI to an Angular 4 project?</p>