如何使用 npm 在 laravel mix 中安装和使用 jquery-ui答案

【问题标题】：How to Install and use jquery-ui in laravel mix using npm如何使用 npm 在 laravel mix 中安装和使用 jquery-ui
【发布时间】：2020-07-20 04:25:04
【问题描述】：

我对 jquery-ui 的使用感到困惑，我已经遵循了一些关于“如何使用 npm for laravel mix 安装 jquery-ui”的说明，但是我仍然得到一个错误，我不知道我是否在安装时出错了，我希望我能得到一些帮助来解决我的问题。

为了安装 jQuery，我使用了以下npm 命令：

npm install jquery-ui --save-dev

对于使用 jQuery 的导入（我在 my_file.js 中使用它们，而不是在 app.js 中）：

import $ from "jquery";
window.$ = window.jQuery = $;

import "jquery-ui/ui/widgets/datepicker.js";
import "jquery-ui/ui/widgets/slider.js";

至于我的代码，我想在我的按钮被点击时做出滑动效果：

$("#right-arrow").on("click", function() {
  cardLength.slice(0, oddEven).toggle('slide', {
      direction: 'left'
  }, 1000);
});

然后我运行命令：

npm run dev

这样做后，我在控制台中收到此错误：

VM1005 collection.js:11247 Uncaught TypeError: jQuery.easing[this.easing] is not a function
at init.run (VM1005 collection.js:11247)
at tick (VM1005 collection.js:11631)
at Function.jQuery.fx.tick (VM1005 collection.js:11973)
at schedule (VM1005 collection.js:11350)

【问题讨论】：

标签： javascript jquery jquery-ui laravel-mix

【解决方案1】：

要使用 jQuery 的缓动效果，您需要导入一个名为 jQuery Easing 的单独库：https://www.npmjs.com/package/jquery.easing

【讨论】：

如何导入？在 my_file.js 中导入？
首先使用npm install jquery-easing 安装它，然后像往常一样使用import 语句将其导入，就像您已经导入jQuery一样。
哦好的，我会安装库，谢谢你的建议
我已经将这个import "jquery.easing/jquery.easing.js" 导入到了my_file.js，但还是报错
哦，好吧，我只是犯了一个小错误，我已经解决了我的问题，再感谢一次