Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

278
Views
JS library stops working after Laravel Mix build

I've downloaded a free HTML template, and it works correctly when I open it without Laravel, but when I compile CSS and JS with Laravel Mix, one of the JS libraries stops working. The error looks like I didn't plug it in HTML, but everything is ok, and other libraries work correctly. I also tried npm install slicknav and included it in webpack.mix.js's autoload, rebuilt after that, but nothing changed.

Uncaught TypeError: $(...).slicknav is not a function

bottom of index.blade.php:

<script src="{{mix('js/jquery-3.3.1.min.js')}}"></script>
<script src="{{mix('js/bootstrap.min.js')}}"></script>
<script src="{{mix('js/jquery.nice-select.min.js')}}"></script>
<script src="{{mix('js/jquery-ui.min.js')}}"></script>
<script src="{{mix('js/jquery.slicknav.js')}}"></script>
<script src="{{mix('js/mixitup.min.js')}}"></script>
<script src="{{mix('js/owl.carousel.min.js')}}"></script>
<script src="{{mix('js/main.js')}}"></script>

webpack.mix.js:

mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/jquery-3.3.1.min.js', 'public/js')
    .js('resources/js/bootstrap.min.js', 'public/js')
    .js('resources/js/jquery.nice-select.min.js', 'public/js')
    .js('resources/js/jquery-ui.min.js', 'public/js')
    .js('resources/js/jquery.slicknav.js', 'public/js')
    .js('resources/js/mixitup.min.js', 'public/js')
    .js('resources/js/owl.carousel.min.js', 'public/js')
    .js('resources/js/main.js', 'public/js')

    .css('resources/css/bootstrap.min.css', 'public/css')
    .css('resources/css/font-awesome.min.css', 'public/css')
    .css('resources/css/elegant-icons.css', 'public/css')
    .css('resources/css/nice-select.css', 'public/css')
    .css('resources/css/jquery-ui.min.css', 'public/css')
    .css('resources/css/owl.carousel.min.css', 'public/css')
    .css('resources/css/slicknav.min.css', 'public/css')
    .css('resources/css/style.css', 'public/css')
    .postCss('resources/css/app.css', 'public/css')

    .autoload({
        jquery: ['$', 'window.jQuery', 'jQuery'],
        mixitup: ['mixitup']
    })
    .sourceMaps()

The error in chrome console: https://i.stack.imgur.com/WnHCI.png

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!