Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

281
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda