title: How to Install and use jquery-ui in laravel mix using npm
body: <p>I'm confused about the usage of jquery-ui, I have already followed some instructions regarding <em><strong>&quot;how to install jquery-ui using npm for laravel mix&quot;</strong></em>, however I still get an error and I don't know if I have made a mistake with the installation, I'm hoping I can receive some help with my problem.</p>
  <p>To install jQuery, I used the following <code>npm</code> command:</p>
  <pre><code>npm install jquery-ui --save-dev
  </code></pre>
  <p>And for the imports to use jQuery (I'm using them in my_file.js and not in app.js):</p>
  <pre><code>import $ from &quot;jquery&quot;;
  window.$ = window.jQuery = $;
  
  import &quot;jquery-ui/ui/widgets/datepicker.js&quot;;
  import &quot;jquery-ui/ui/widgets/slider.js&quot;;
  </code></pre>
  <p>As for my code, I want to make a sliding effect when my button is clicked:</p>
  <pre><code>$(&quot;#right-arrow&quot;).on(&quot;click&quot;, function() {
    cardLength.slice(0, oddEven).toggle('slide', {
        direction: 'left'
    }, 1000);
  });
  </code></pre>
  <p>I then run the command:</p>
  <pre><code>npm run dev
  </code></pre>
  <p>Upon doing so, I get this error in the console:</p>
  <pre><code>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)
  </code></pre>