jQuery UI-“无法读取未定义的属性“步骤”

我们最近将jQuery从2.2.4版升级到了3.1.1版，现在看到了一些有趣的错误。我安装了jquery迁移插件，它帮助我克服了一些错误，但不是全部错误。下面是我在Chrome开发人员控制台中看到的错误，我似乎无法确定该错误发生的位置

jquery-ui-1.12.1.js:1951 Uncaught TypeError: Cannot read property 'step' of undefined
    at String.<anonymous> (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

我已经卸载了jQueryUI，但所做的只是中断。如果有人能解释一下这件事，我会很高兴的

packages.config=

  <package id="Angular.Material" version="1.1.4" targetFramework="net462" />
  <package id="Angular.UI.Bootstrap" version="2.5.0" targetFramework="net462" />
  <package id="angular-file-upload" version="12.2.13" targetFramework="net462" />
  <package id="AngularJS.Animate" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Aria" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Core" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Messages" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Resource" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Route" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Sanitize" version="1.6.5" targetFramework="net462" />
  <package id="Antlr" version="3.5.0.2" targetFramework="net462" />
  <package id="Bootbox.JS" version="4.4.0" targetFramework="net462" />
  <package id="bootstrap" version="3.3.7" targetFramework="net462" />
  <package id="CommonServiceLocator" version="1.3" targetFramework="net462" />
  <package id="EntityFramework" version="6.1.3" targetFramework="net462" />
  <package id="font-awesome" version="4.7.0" targetFramework="net462" />
  <package id="HubSpot.Tether" version="1.1.1" targetFramework="net462" />
  <package id="jQuery" version="3.1.1" targetFramework="net462" />
  <package id="jQuery.UI.Combined" version="1.12.1" targetFramework="net462" />
  <package id="lodash" version="4.17.4" targetFramework="net462" />

---

根据错误消息，您似乎在每个jQuery-3.1.1.Slim.js:368处使用jQuery-Slim。Slim删除了jQuery UI中需要的一些函数。要解决此问题，请使用jQuery的完整版本

这是一个复制您的问题的演示：

$function{ //运行当前选定的效果 函数运行效应{ //从中获取效果类型 var selectedEffect=$effectTypes.val； //默认情况下，大多数效果类型不需要传递任何选项 var选项={}； //有些效果需要参数 如果选择效果===比例{ 选项={百分比：50}； }否则，如果选择了效果===传输{ 选项={to:button，className:ui-effects-transfer}； }否则，如果选择了效果===大小{ 选项={to:{宽度：200，高度：60}； } //运行效果 $effect.effect selectedEffect，options，500，callback； }; //回调函数将隐藏的框带回来 函数回调{ setTimeoutfunction{ $effect.removeAttr style.hide.fadeIn； }, 1000 ; }; //从“选择”菜单值设置效果 $button。单击，函数{ 运行效应； 返回false； }; } ; .toggler{宽度：500px；高度：200px；位置：相对；} 按钮{填充：.5em 1em；文本装饰：无；} 效果{宽度：240px；高度：170px；填充：0.4em；位置：相对；} 效果h3{边距：0；填充：0.4em；文本对齐：居中；} .ui效果传输{边框：2px点灰色；} 效应 埃蒂亚姆·利伯罗·内克、卢克图斯·a、埃利芬德·内克、森佩尔·阿特、洛雷姆。塞德·佩德。密歇根州，路易斯安那州，卢克图斯塞德州，亨德雷特维塔州。

失明的 反弹 夹子 滴 爆炸 褪色 折叠 突出 泡芙 跳动 规模 摇 大小 滑动 转移

---

运行效果仅使用不同的cdn我使用的是bootstrap网站上的cdn，它不起作用

---

这可能是因为jquery slim版本

您是否尝试过使用jquery 2x或1x版本，而不是3X？我们选择升级到jquery 3X。这个错误是在升级后抛出的。不是我问的那样。可能是您的jquery ui版本不能很好地使用3X。它在jquery 2X中运行，但我们决定升级到jquery 3X。

  <package id="Angular.Material" version="1.1.4" targetFramework="net462" />
  <package id="Angular.UI.Bootstrap" version="2.5.0" targetFramework="net462" />
  <package id="angular-file-upload" version="12.2.13" targetFramework="net462" />
  <package id="AngularJS.Animate" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Aria" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Core" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Messages" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Resource" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Route" version="1.6.5" targetFramework="net462" />
  <package id="AngularJS.Sanitize" version="1.6.5" targetFramework="net462" />
  <package id="Antlr" version="3.5.0.2" targetFramework="net462" />
  <package id="Bootbox.JS" version="4.4.0" targetFramework="net462" />
  <package id="bootstrap" version="3.3.7" targetFramework="net462" />
  <package id="CommonServiceLocator" version="1.3" targetFramework="net462" />
  <package id="EntityFramework" version="6.1.3" targetFramework="net462" />
  <package id="font-awesome" version="4.7.0" targetFramework="net462" />
  <package id="HubSpot.Tether" version="1.1.1" targetFramework="net462" />
  <package id="jQuery" version="3.1.1" targetFramework="net462" />
  <package id="jQuery.UI.Combined" version="1.12.1" targetFramework="net462" />
  <package id="lodash" version="4.17.4" targetFramework="net462" />