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

Question

我对 jquery-ui 的用法感到困惑，我已经遵循了一些关于 "如何安装 jquery-ui using npm for laravel mix，但是还是报错，不知道是不是我安装有误，我希望我能得到一些帮助来解决我的问题。

为了安装 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)

Answer 1

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

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

How to Install and use jquery-ui in laravel mix using npm

javascript

jquery

jquery-ui

laravel-mix