title: jQuery-UI - "Cannot read property 'step' of undefined"
body: <p>We've recently upgraded jQuery from version 2.2.4 to 3.1.1 and are now seeing some interesting errors. I installed the <code>jquery-migrate</code> plugin which helped me through a few errors, but not all. Below is the error I'm seeing in my developer console in Chrome and I can't seem to pin point where this error is occurring. </p>
  
  <pre><code>jquery-ui-1.12.1.js:1951 Uncaught TypeError: Cannot read property 'step' of undefined
      at String.&lt;anonymous&gt; (jquery-ui-1.12.1.js:1951)
      at each (jquery-3.1.1.slim.js:368)
      at Function.color.hook (jquery-ui-1.12.1.js:1913)
      at jquery-ui-1.12.1.js:1963
      at jquery-ui-1.12.1.js:2005
      at jquery-ui-1.12.1.js:14
      at jquery-ui-1.12.1.js:16
  </code></pre>
  
  <p>I've debugged in Chrome and it breaks inside of a function called <code>jQuery.fx.step[ hook ]</code>. When I hover over <code>jQuery.fx</code>, it's shown as undefined. See below</p>
  
  <pre><code>jQuery.fx.step[ hook ] = function( fx ) {
              if ( !fx.colorInit ) {
                  fx.start = color( fx.elem, hook );
                  fx.end = color( fx.end );
                  fx.colorInit = true;
              }
  </code></pre>
  
  <p>I've uninstalled <code>jquery-ui</code>, but all that did was break Angular. Would love if someone could shed some light on the matter.</p>
  
  <p>packages.config =</p>
  
  <pre><code>  &lt;package id="Angular.Material" version="1.1.4" targetFramework="net462" /&gt;
    &lt;package id="Angular.UI.Bootstrap" version="2.5.0" targetFramework="net462" /&gt;
    &lt;package id="angular-file-upload" version="12.2.13" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Animate" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Aria" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Core" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Messages" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Resource" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Route" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="AngularJS.Sanitize" version="1.6.5" targetFramework="net462" /&gt;
    &lt;package id="Antlr" version="3.5.0.2" targetFramework="net462" /&gt;
    &lt;package id="Bootbox.JS" version="4.4.0" targetFramework="net462" /&gt;
    &lt;package id="bootstrap" version="3.3.7" targetFramework="net462" /&gt;
    &lt;package id="CommonServiceLocator" version="1.3" targetFramework="net462" /&gt;
    &lt;package id="EntityFramework" version="6.1.3" targetFramework="net462" /&gt;
    &lt;package id="font-awesome" version="4.7.0" targetFramework="net462" /&gt;
    &lt;package id="HubSpot.Tether" version="1.1.1" targetFramework="net462" /&gt;
    &lt;package id="jQuery" version="3.1.1" targetFramework="net462" /&gt;
    &lt;package id="jQuery.UI.Combined" version="1.12.1" targetFramework="net462" /&gt;
    &lt;package id="lodash" version="4.17.4" targetFramework="net462" /&gt;
  </code></pre>