JQuery $ (функция) .animate не является функцией

Question

Я устанавливаю кнопку для прокрутки моей страницы до определенного идентификатора.Однако консоль всегда показывает эту ошибку:

$ (.…) .Animate не является функцией

Вместо прокрутки она переходит к зарегистрированному идентификатору.

Я видел много сообщений об этой проблеме, но все они предоставляют мне часть информации, чтобы изменить мою версию jQuery на полную вместо slim.Но сейчас я использую полную версию jQuery 3.4.1.

<script type="text/javascript" src="{{ asset('/js/app.js') }}"></script>

$(document).ready(function() {
  $("#intro-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#intro")
    }, 2000);
  });

  $("#about-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#aboutme")
    }, 2000);
  });

  $("#education-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#education")
    }, 2000);
  });

  $("#skill-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#skill")
    }, 2000);
  });

  $("#project-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#project")
    }, 2000);
  });

  $("#contact-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#contact")
    }, 2000);
  });
})

require('./bootstrap');

// Jquery & JS
require('./jquery-3.4.1');
require('./jQuery-Progress-Bar-Plugin-LineProgressbar/jquery.lineProgressbar');
require('./ResponsiveSlides/responsiveslides');
require('./smoothscroll');

Я ожидаю, что мой jQuery animate() работает правильно, но фактический результат заключается в том, что моя функция animate()трактуется как нефункциональный кодВ консоли всегда возвращается $(.…).animate is not a function.

Answer 1

Вы должны добавить ссылку jquery перед app.js.

<script   src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>