Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

279
Vistas
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
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda