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

275
Vistas
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
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