Как исправить ошибку «Uncaught ReferenceError: $ is not defined» хотя jQuery подключен?

Question

[I_want_to_know]

Уважаемые знатоки, подскажите, как поправить ошибку "Uncaught ReferenceError: $ is not defined" jQuery подключен точно, локально.
Делаю счетчик

//--------------------------------
var iObserver = new IntersectionObserver(
  function (entries) {
    if (entries[0].isIntersecting === true) {
      setTimeout(() => {
        updateCount();
      }, 1000);
      iObserver.unobserve(entries[0].target); // перестаём отслеживать видимость
    }
  },
  { threshold: [0] }
);
if ($(".values").length) {
  iObserver.observe(document.getElementById("count"));
}

function updateCount() {
  $(".values").spincrement({
    thousandSeparator: "",
    duration: 4200,
  });

  var i = 0;
  if (i == 0) {
    i = 1;
    var width = 1;
    var id = setInterval(frame, 20);
    function frame() {
      if (width >= 100) {
        clearInterval(id);
        i = 0;
      } else {
        width++;
        if (width == 5) {
          $(".benefits__title").addClass("new-cube");
          //setTimeout( () => {
          $(".benefits__title").removeClass("new-cube");
          //}, 2000);
        }
      }
    }
  }
}

Вот html:

<section class="count count-section">
  <div class="container">
    <h2 class="count-name">О нас в цифрах</h2>
    
    <div class="countdown">
      <!-- Всего прйдено конкурсов финиш -->

      <div class="counter-home counter__willBe">
        <div class="count-title values" style="opacity: 1">16</div>
        <p class="count-text">Дня до ближайшего конкурса</p>
      </div>

      <div class="counter-home counter__was">
        <div class="count-title values" style="opacity: 1">35</div>
        <p class="count-text">Всего конкурсов было</p>
      </div>

      <div class="counter-home counter__participants">
        <div class="count-title values" style="opacity: 1">1286</div>

        <p class="count-text">Счастливых участников</p>
      </div>
    </div>
  </div>
</section>

Вот такая ошибка вылазит:

Comments

[Everything_is_bad]

показывай как подключен jQuery

[VoidVolker]

Вот такая ошибка вылазит:

Появляется где именно?

[alexalexes]

А зачем в таких простых случаях вам JQuery?
$(".values")
Тут справится:
document.querySelector(".values")
А тут:
$(".benefits__title").addClass("new-cube");
будет так:

document.querySelector(".benefits__title").classList.add("new-cube")

[sergski]

а где у вас id="count"?

Answer 1

[David Gegiya]

Можно попробовать заменить значок доллара на jQuery. То есть у Вас вместо
$(".values").length
Будет
jQuery(".values").length

Это актуально для тех случаев, когда у jQuery идут конфликты за знак $ с другими библиотеками. Но, конечно же, такой подход не решит отсутствие подключения самой библиотеки.
А $ - это по сути просто альяс для функции jQuery:
https://api.jquery.com/jQuery.noConflict/