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

277
Views
La biblioteca JS deja de funcionar después de la compilación de Laravel Mix

He descargado una plantilla HTML gratuita y funciona correctamente cuando la abro sin Laravel, pero cuando compilo CSS y JS con Laravel Mix, una de las bibliotecas JS deja de funcionar. El error parece que no lo conecté en HTML, pero todo está bien y otras bibliotecas funcionan correctamente. También probé npm install slicknav y lo incluí en la carga automática de webpack.mix.js , reconstruí después de eso, pero nada cambió.

TypeError no detectado: $(...).slicknav no es una función

parte inferior de 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()

El error en la consola de Chrome: 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!